Acest blog posturi descrie cum puteţi avea mai multe Angular.js pe bază de părți web SharePoint (referite prin o parte web editor de conţinut) pe aceeaşi pagină. Sunt de asteptare un editor de conţinut web parte (CEWP) ce referinţe JavaScript construită folosind cadrul de Angular.js o "unghiulare Web parte."
Procesul de bootstrap unghiulară pe este foarte uşor şi doar despre fiecare exemplu veţi găsi pe internet merge ceva de genul:
<HTML ng-app = 'AplicMea'>
<bla /><bla /><bla />
</HTML>
Acest lucru se descompune, cu toate acestea, Dacă doriţi pentru a permite mai multe CEWP reprezentând multiple părţi web unghiulară pe aceeaşi pagină. Unghiulară va numai automat bootstrap împotriva primei directive ng-app se constată – cel puţin începând cu versiunea unghiulare 1.3.6. Soluţia este destul de simplă-manual bootstrap codul în schimb. Cele de mai sus acum modificări la ceva de genul asta:
<corpul>
<dIV id =”bootstrapHere” ng-controller =”myController ca theController”>
<bla /><bla /><bla />
</div>
</corpul><script src =”//AJAX.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></script-ul>
<script-ul>
angular.bootstrap(angular.element(document.getElementById(“bootstrapHere”)),['AplicMea']);
</script-ul>
Practic, în loc să utilizaţi ng-app pe element pentru a face dumneavoastră procesul de bootstrap, vă palmă un ID pe acel element. Apoi, utilizaţi bootstrap() metoda de unghiulară în sine pentru a controla procesul de bootstrap procesul de la run-time. Am testat acest lucru cu trei părţi web unghiulare diferite pe aceeaşi pagină şi funcţionează un farmec.
</scop>
Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin
salut, Ce versiune de SharePoint este aceasta legate? SP2013, SP2010, SPOnline?
Marea întrebare. În acest caz, Am făcut-o folosind SharePoint online (O365).
Am * cred * ca mea colleagie a făcut, de asemenea, acest lucru în SP 2013 pe-prem.
Am postat o întrebare reddit.com/r/angularjs, întreba dacă acest lucru ar trebui să fie un fel de standard. Feedbcak limitată am primit a fost că da, procesul de bootstrap manuală este mod de a merge. Doar unele opinii.
Pingback: Manual sau automat procesul de bootstrap unghiulară pe o pagină – se pare ca procesul de bootstrap manuală este cel mai sigur? - Cititor
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasión por la tecnología....
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blog de Juan Carlos González ro Geeks.MS