Ta blog objav opisuje, kako lahko imate več Angular.js podlagi SharePoint spletnih gradnikov (sklicuje preko spletni gradnik urejevalnika vsebine) na isti strani. Kličem spletni gradnik urejevalnika vsebine (CEWP) ki se sklicuje na JavaScript, zgrajena z uporabo okvir Angular.js »Kotni spletnega gradnika. «
Kotni 's bootstrap proces je super enostavno in skoraj vsak primer najdete na internets gre nekako takole:
<HTML ng-app = "MojaAplikacija">
<bla /><bla /><bla />
</HTML>
Ta razgradi, vendar, Če želite omogočiti več CEWP predstavlja več kotni spletnih gradnikov na isti strani. Kotni bo le samodejno bootstrap proti prve Direktive ng-app to najde – vsaj od različice kotni 1.3.6. Rešitev je zelo preprosta-ročno bootstrap kodo namesto. Zgoraj zdaj spremeni v kaj takega:
<telo>
<dIV id =”bootstrapHere” NG kontroler =”myController kot theController”>
<bla /><bla /><bla />
</div>
</telo><Script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></skript>
<skript>
angular.bootstrap(angular.element(document.getElementById(“bootstrapHere”)),[»» MyApp ««]);
</skript>
V bistvu, namesto using ng-app na elementu uganjati vaš bootstrapping, slap ID na ta element. Nato, uporabite v bootstrap() metoda na kotni sam nadzor, je bootstrapping proces pri zagonu. Ive ' preizkušen to s treh različnih kotni spletne gradnike na isti strani in to tovarna a čar.
</namen>
Sledite mi na Cvrkutati na http://www.twitter.com/pagalvin
živjo, Katero različico SharePoint je to povezano? SP2013, SP2010, SPOnline?
Veliko vprašanje. V tem primeru, Sem storil to z uporabo SharePoint online (O365).
Sem * menijo, * da moj colleagie tudi storil to v SP 2013 na prem.
Sem objavil vprašanje reddit.com/r/angularjs, sprašuje, ali je nekako treba standardne. Omejeno feedbcak, sem dobil je bil, da ja, ročno bootstrapping je pot. Samo nekaj mnenj.
Pingback: Ročno ali avtomatsko bootstrapping kotnega na strani – Zdi se, kot ročno bootstrapping je najvarnejši? - Bralec
Pingback: SharePoint 2013: Recopilatorio de povezave interesantes (LXI)! | Pasión por la tecnología....
Pingback: SharePoint 2013: Recopilatorio de povezave interesantes (LXI)! - Blog de Juan Carlos González sl Geeks.MS