Denne bloggen innlegg beskriver hvordan du kan ha flere Angular.js basert SharePoint-webdeler (referert via en webdel for innholdsredigering) på samme side. Jeg kaller en webdel for innholdsredigering (CEWP) som refererer til JavaScript bygget med Angular.js rammen en "kantete-webdel."
Angular's bootstrap prosessen er superenkelt og omtrent alle eksempel du finner på internets går noe slikt:
<HTML ng-app = 'myApp'>
<blah /><blah /><blah />
</HTML>
Dette bryter ned, men, Hvis du vil aktivere flere CEWP som representerer flere kantete webdeler på samme side. Angular vil automatisk bootstrap mot direktivet for første ng-app det finner – minst i kantete versjon 1.3.6. Løsningen er ganske enkel-bootstrap manuelt koden i stedet. Ovennevnte nå endres til noe som dette:
<kroppen>
<dIV id =”bootstrapHere” ng-kontrolleren =”myController som theController”>
<blah /><blah /><blah />
</div>
</kroppen><script src =”//Ajax.googleapis.com/AJAX/libs/angularjs/1.3.6/Angular.js”></skriptet>
<skriptet>
Angular.bootstrap(Angular.element(document.getElementById(“bootstrapHere”)),['myApp']);
</skriptet>
I utgangspunktet, istedet for benytter ng-app på elementet for å gjøre din bootstrapping, du klapse en ID på dette elementet. Deretter, Bruk inn bootstrap() metoden på kantete selv kontrollere bootstrapping behandle under kjøring. Jeg har testet dette med tre forskjellige kantete webdeler på samme side og det fungerer en sjarm.
</slutten>
Følg meg på Twitter på http://www.twitter.com/pagalvin
hei, Hvilken versjon av SharePoint er dette relatert til? SP2013, SP2010, SPOnline?
Great spørsmål. I dette tilfellet, Jeg gjorde det med SharePoint online (O365).
Jeg * tror * at min colleagie også gjorde dette i SP 2013 på prem.
Jeg postet et spørsmål til reddit.com/r/angularjs, spør om det liksom skal være standard. Den begrensede feedbcak jeg fikk var at ja, manuell bootstrapping er veien å gå. Bare noen meninger.
Pingback: Manuell eller automatisk bootstrapping Angular på en side – Det virker som manuell bootstrapping er pengeskap? - Leser
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasión por la tecnología..
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blogg de Juan