Questo blog post descrive come si può avere multiplo Angular.js basato su web part di SharePoint (viene fatto riferimento tramite una web part editor contenuto) sulla stessa pagina. Sto chiamando una web part editor contenuto (CEWP) che fa riferimento JavaScript costruito utilizzando il framework di Angular.js un "Web parte angolare."

Processo di bootstrap di angolare è super facile e quasi ogni esempio trovate su internets va qualcosa come questo:

<ng-app HTML = 'myApp'>

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

</html>

Questo si rompe, Tuttavia, Se si desidera abilitare più CEWP che rappresenta più angolare web part nella stessa pagina. Angolare sarà solo automaticamente inizializzarlo contro la prima direttiva ng-app reperti – almeno a partire dalla versione angolare 1.3.6. La soluzione è abbastanza semplice – manualmente il codice di bootstrap invece. Sopra ora cambia in qualcosa di simile:

<corpo>
<doppieidentificazione IV =”bootstrapHere” ng-controllore =”myController come controllante”>
<bla /><bla /><bla />
</div>
</corpo>

<script src =”//AJAX.googleapis.com/AJAX/libs/angularjs/1.3.6/Angular.js”></script di>

<script di>
Angular.bootstrap(Angular.Element(Document. getElementById(“bootstrapHere”)),['myApp']);
</script di>

Fondamentalmente, ng-app sull'elemento per anziché fare il bootstrap, uno schiaffo un ID su quell'elemento. Poi, utilizzare il bootstrap() Metodo su angolare stessa per controllare l'avvio automatico di processo in fase di esecuzione. Ho provato questo con tre parti di web angolare diverso sulla stessa pagina e funziona un fascino.

</fine>

Iscriviti al mio blog.

Seguimi su Twitter a http://www.twitter.com/pagalvin