Tässä blogissa virkaa kuvataan, miten voit olla useita Angular.js perustuvat SharePoint-osa (viitatun sisällön muokkaus-web-osan kautta) samalla sivulla. Pyydän sisällön muokkaus-web-osan (CEWP) joka viittaa ohjelman rakennettu Angular.js yhteydessä "kulmikas-Web-osasta.
Kulmikas n alkulatauksen on super helppoa ja vain noin joka esimerkki löydät internets menee jotain tällaista:
<HTML ng-app = "myApp">
<blaa /><blaa /><blaa />
</HTML>
Tämä murtaa, kuitenkin, Jos haluat ottaa käyttöön useita CEWP edustavat useita kulmikas web-osia samalla sivulla. Kulmikas automaattisesti bootstrap ensimmäinen ng-app direktiiviä vastaan sitä löytää – ainakin kulmikas versiosta 1.3.6. Ratkaisu on hieno herkkäuskoinen – manuaalisesti bootstrap koodi sen sijaan. Edellä nyt muuttuu jotain tällaista:
<kehon>
<dIV id =”bootstrapHere” ng-controller =”myController kuin theController”>
<blaa /><blaa /><blaa />
</div>
</kehon><Script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></Script>
<Script>
angular.bootstrap(angular.Element(document.getElementById(“bootstrapHere”)),["myApp"]);
</Script>
Pohjimmiltaan, sen sijaan, että ng-app elementin tehdä oman näytönohjaimen, lämmintä kättä päälle elementin tunnus. Sitten, käyttää bootstrap() menetelmä kulmikas itse hallita bootstrapping prosessin suorituksen aikana. Olen testannut tätä kolme eri kulmikas web-osaa samalla sivulla ja se toimii viehätys.
</loppu>
Noudata minut viserrys http://www.twitter.com/pagalvin
Moikka, SharePoint-version Tämä liittyy? SP2013, SP2010, SPOnline?
Suuri kysymys. Tässä tapauksessa, Tein sen käyttämällä SharePoint online (O365).
I * usko * että minun colleagie samoin SP 2013 prem.
Olen lähettänyt kysymyksen reddit.com/r/angularjs, pyytää, tavallaan olisiko standard. Rajoitettu feedbcak sain oli se, että kyllä, Manuaalinen bootstrapping on tapa edetä. Vain joitakin mielipiteitä.
Pingback: Manuaalinen tai automaattinen näytönohjaimen kulmikas sivulla – tuntuu siltä, että manuaalinen bootstrapping on turvallisin? - Lukija
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasión por la tecnología....
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blogi de Juan Carlos González en Geeks.MS