Para los usuarios comunes, la APP NG de AngularJS está vinculada manualmente a un cierto elemento DOM. Sin embargo, en algunas aplicaciones, esto parece inconveniente.
Inicialización vinculante
Inicializar Angular a través de la unión invadirá el código JS en HTML, ¡pero aún así es suficiente para que los novatos lo usen!
<html> <fead> <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.js"> </script> </script> <body) ng-Controller = "myctrl"> {{hola}} </div> <script type = "text/javascript"> var mymodule = angular.module ("myapp", []); mymodule.controller ("myctrl", function ($ scope) {$ scope.hello = "¡Hola, angular!";}); </script> </body> </html>Después de correr, hola, ¡se mostrará angular!
Inicialización manual
Angular también proporciona una API con unión manual - Bootstrap, que se usa de la siguiente manera:
angular.bootstrap (elemento, [módulos], [config]);
El primer elemento de parámetro: es el elemento DOM que une NG-APP;
Módulos: nombre de módulo unido
Configuración: configuración adicional
Una breve mirada al código:
<html> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <schitch src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </scritch> <body id = "cuerpo" ng-Controller = "myctrl"> {{hola}} </div> <script type = "text/javascript"> var app = angular.module ("bootstraptest", []); app.controller ("myctrl", function ($ scope) {$ scope.hello = "Hola, angular desde bootstrap";}); // angular.bootstrap (document.getElementById ("Body"), ['BootstraTest']); angular.bootstrap (documento, ['bootstraptest']); </script> </body> </html>Vale la pena señalar:
Angular.Bootstrap solo unirá el primer objeto cargado.
Los enlaces repetidos posteriores u otros objetos emitirán un error de error en la consola.
Lo anterior es la información que clasifica la bootstrap AngularJS. Continuaremos agregando información relevante en el futuro. ¡Gracias por su apoyo para este sitio!