Dieses Blog Beiträge wird beschrieben, wie Sie mehrere haben können Angular.js basiert SharePoint-Webparts (verwiesen durch ein Inhalts-Editor-Webpart) auf der gleichen Seite. Ich rufe ein Inhalts-Editor-Webpart (CEWP) Das verweist JavaScript gebaut, mit dem Angular.js-Framework einen "Angular Webpart."
Angular des bootstrap-Prozess ist super einfach und gerade über jedes Beispiel finden Sie auf dem Internets geht ungefähr so:
<HTML ng-app = "MyApp">
<bla /><bla /><bla />
</HTML>
Dieses gliedert sich, jedoch, Wenn Sie, aktivieren Sie mehrere CEWP, die mehrere kantige Webparts auf einer Seite darstellt möchten.. Angular werden nur automatisch gegen die erste ng-app-Richtlinie es Funde bootstrap – mindestens ab abgewinkelte Ausführung 1.3.6. Die Lösung ist ziemlich einfach-manuell bootstrap Code stattdessen. Die oben genannten Änderungen jetzt sowas:
<Körper>
<dIV Id =”bootstrapHere” ng-Controller =”MyController als theController”>
<bla /><bla /><bla />
</div>
</Körper><Script Src =”//AJAX.googleapis.com/AJAX/libs/angularjs/1.3.6/Angular.js”></Skript>
<Skript>
Angular.Bootstrap(Angular.Element(Document.getElementById(“bootstrapHere”)),["MyApp"]);
</Skript>
Im Grunde, anstelle von ng-app auf dem Element dazu Ihre bootstrapping, Sie schlagen eine ID auf dieses element. Dann, Verwenden Sie den bootstrap() Methode für eckige verarbeiten selbst das bootstrapping Steuern zur Laufzeit. Ich habe dies mit drei verschiedenen eckig Webparts auf der gleichen Seite getestet und es funktioniert einen Charme.
</Ende>
Folgen Sie mir auf Twitter bei http://www.twitter.com/pagalvin
Hallo, Welche Version von SharePoint bezieht sich dies auf? SP2013, SP2010, SPOnline?
Große Frage. In diesem Fall, Ich habe es mit SharePoint online (O365).
Ich * glaube *, dass mein Colleagie auch dieses in SP 2013 auf prem.
Ich stellte eine Frage zu reddit.com/r/angularjs, gefragt werden, ob dies irgendwie standard sein sollte. Die begrenzte Feedbcak, ich habe, das war ja, manuelle bootstrapping ist der Weg zu gehen. Nur ein paar Meinungen.
Pingback: Manuelle oder automatische bootstrapping Angular auf einer Seite – Es scheint wie manuelle bootstrapping am sichersten ist? - Leser
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 de Geeks.MS