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>

Abonner på min blog.

Følg mig på kvidre på http://www.twitter.com/pagalvin