Für gewöhnliche Benutzer ist die NG-App von AngularJS manuell an ein bestimmtes DOM-Element gebunden. In einigen Anwendungen scheint dies jedoch unpraktisch zu sein.
Bindungsinitialisierung
Das Initialisieren von Winkel durch Bindung wird in den JS -Code in die HTML eindringen, aber es reicht immer noch aus, dass Anfänger verwenden!
<html> <kopf> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javaScript"> var mymodule = angular.module ("MyApp", []); MYMODULE.CONTROLLER ("myctrl", Funktion ($ scope) {$ scope.hello = "Hallo, Angular!";}); </script> </body> </html>Nach dem Laufen wird Angular angezeigt!
Manuelle Initialisierung
Angular liefert auch eine manuell gebundene API -Bootstrap, die wie folgt verwendet wird:
Angular.bootstrap (Element, [Module], [config]);
Das erste Parameterelement: ist das DOM-Element, das Ng-App bindet;
Module: gebundenes Modulname
Konfiguration: Zusätzliche Konfiguration
Ein kurzer Blick auf den Code:
<html> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javaScript"> var app = angular.module ("bootstreaptest", []); app.Controller ("myctrl", function ($ scope) {$ scope.hello = "Hallo, Angular aus Bootstrap";}); // Angular.bootstrap (document.getElementById ("Body"), ['BootStest']); Angular.bootstrap (Dokument, ['Bootstreaptest']); </script> </body> </html>Es ist erwähnenswert:
Angular.bootstrap bindet nur das erste geladene Objekt.
Die nachfolgenden wiederholten Bindungen oder andere Objekte geben Fehlereinfordern für die Konsole aus.
Das obige ist die Informationen, die AngularJS -Bootstrap aussortieren. Wir werden in Zukunft weiterhin relevante Informationen hinzufügen. Vielen Dank für Ihre Unterstützung für diese Seite!