Denna blogg inlägg beskriver hur du kan ha flera Angular.js baserade SharePoint-webbdelar (refereras via en webbdelen Innehållsredigeraren) på samma sida. Jag ringer en webbdelen Innehållsredigeraren (CEWP) som refererar till JavaScript byggt med Angular.js ramen en "kantiga webbdel."

Vinkelformigs bootstrap processen är super lätt och bara om alla exempel du hittar på internets går ungefär så här:

<HTML-ng-app = "MittProgram">

<bla /><bla /><bla />

</HTML>

Detta bryter ner, men, Om du vill aktivera flera CEWP som representerar flera kantiga webbdelar på samma sida. Vinkelformig kommer bara automatiskt starta mot det första direktivet om ng-app det fynd – åtminstone från och med kantiga version 1.3.6. Lösningen är ganska enkel – starta manuellt din kod i stället. Ovanstående nu ändras till något sånt här:

<organ>
<dIV id =”bootstrapHere” ng-controller =”myController som theController”>
<bla /><bla /><bla />
</div>
</organ>

<script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/Angular.js”></skript>

<skript>
Angular.bootstrap(Angular.element(document.getElementById(“bootstrapHere”)),["MittProgram"]);
</skript>

I princip, istället för att använda ng-app på elementet göra din bootstrapping, du slap ett ID på elementet. Sedan, använda bootstrap() metoden på kantiga själv styra den bootstrapping bearbeta vid körning. Jag har testat detta med tre olika kantiga webbdelar på samma sida och det fungerar en charm.

</slutet>

Prenumerera på min blogg.

Följ mig på Twitter vid http://www.twitter.com/pagalvin