"Cum să": Enable Multiple părţi Web SharePoint unghiulară pe aceeaşi pagină

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>
<d
IV 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>

undefinedAboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin

5 gânduri pe ""Cum să": Enable Multiple părţi Web SharePoint unghiulară pe aceeaşi pagină

    1. Paul Galvin Mesaj autor

      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.

      Răspuns
  1. Pingback: Manual sau automat procesul de bootstrap unghiulară pe o pagină – se pare ca procesul de bootstrap manuală este cel mai sigur? - Cititor

  2. Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasión por la tecnología....

  3. Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blog de Juan Carlos González ro Geeks.MS

lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *