Denne blog indlæg beskriver, hvordan du kan have flere Angular.js baseret SharePoint-webdele (refereres til via en Indholdsredigering webdel) på samme side. Jeg kalder en Indholdsredigering webdel (CEWP) der henviser til JavaScript bygget ved hjælp af Angular.js rammer en "kantede webdel."
Kantedes bootstrap proces er super let og næsten alle eksempel du finde på internets går noget som dette:
<HTML-ng-app = "MitProgr">
<blah /><blah /><blah />
</HTML>
Dette nedbryder, dog, Hvis du vil aktivere flere CEWP repræsenterer flere kantede webdele på den samme side. Kantede vil kun automatisk systemgenerere mod det første direktiv om ng-app det fund – i det mindste fra kantede version 1.3.6. Løsningen er ret enkel – bootstrap manuelt din kode i stedet. Ovenstående nu ændres til noget som dette:
<kroppen>
<dIV id =”bootstrapHere” NG-controller =”myController som theController”>
<blah /><blah /><blah />
</div>
</kroppen><script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/Angular.js”></script>
<script>
Angular.bootstrap(Angular.element(Document.getElementById(“bootstrapHere”)),["MitProgr"]);
</script>
Dybest set, istedet for benytter ng-app på element til at gøre din bootstrapping, du slap et ID på dette element. Derefter, bruge bootstrap() metoden på kantede sig selv til at styre de bootstrapping behandle i køre-tid. Jeg har testet dette med tre forskellige kantede webdele på den samme side og det virker en charme.
</slutningen>
Følg mig på kvidre på http://www.twitter.com/pagalvin
Hej, Hvilken version af SharePoint er dette relateret til? SP2013, SP2010, SPOnline?
Store spørgsmål. I dette tilfælde, Jeg gjorde det ved hjælp af SharePoint online (O365).
Jeg * tror * at mine colleagie også gjorde det i SP 2013 på prem.
Jeg sendt et spørgsmål til reddit.com/r/angularjs, spørger, om dette slags bør være standard. Den begrænsede feedbcak jeg fik var, at ja, Manuel bootstrapping er vejen at gå. Bare nogle udtalelser.
Pingback: Manuel eller automatisk bootstrapping kantede på en side – Det ser ud som manuel bootstrapping er sikreste? - Læser
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasion por la tecnología....
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blog de Juan Carlos González Da Geeks.MS