Para usuários comuns, o NG-App do AngularJS está ligado manualmente a um certo elemento DOM. No entanto, em algumas aplicações, isso parece inconveniente.
Inicialização de ligação
A inicialização do angular através da ligação invadirá o código JS no HTML, mas ainda é suficiente para os novatos usarem!
<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http:/paps.bdimg.com/libs/angular.js/1.2.16/angular.minjs "/libs/angular.js/1.2.16/angular.minjs" " <div ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var myModule = angular.module ("myApp", []); myModule.Controller ("myctrl", function ($ scope) {$ scope.hello = "Olá, angular!";}); </script> </body> </html>Depois de correr, olá, Angular será exibido!
Inicialização manual
O Angular também fornece uma API manualmente ligada - Bootstrap, que é usada da seguinte maneira:
angular.bootstrap (elemento, [módulos], [config]);
O primeiro elemento do parâmetro: é o elemento DOM que liga NG-App;
Módulos: nome do módulo ligado
Config: Configuração adicional
Uma breve olhada no código:
<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.js">>>>>> ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var app = angular.module ("bootstraptest", []); App.Controller ("myctrl", função ($ scope) {$ scope.hello = "Olá, angular do bootstrap";}); // angular.bootstrap (document.getElementById ("corpo"), ['bootstraptest']); angular.bootstrap (documento, ['bootstraptest']); </script> </body> </html>Vale a pena notar:
Angular.CootStrap apenas ligará o primeiro objeto carregado.
As ligações repetidas subsequentes ou outros objetos serão lançados instruções de erro no console.
O exposto acima está a informação que classifica o AngularJS Bootstrap. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!