在上面的文章中，都是在html元素上綁定ng-app="myApp"，然後使用angular.module('myApp',[]);來初始化模塊的操作，下面我們來用angular.bootstrap方法手動初始化模塊。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DEMO</title><script type="text/javascript" src="https://code.angularjs.org/1.3.8/angular.min.js"></script></head><body><div ng-controller='Aaa'> <p>{{name}}</p></div><div ng-controller='Bbb'> <p>{{name}}</p></div><script type="text/javascript">var m1 = angular.module('myApp1',[]);var m2 = angular.module('myApp2',[]);m1.controller('Aaa',function($scope){ $scope.name = 'hello AngularJs';});m2.controller('Bbb',function($scope){ $scope.name = 'Hi';});//點擊的時候初始化模塊document.onclick = function(){ var aDiv = document.getElementsByTagName('div'); //多次初始化操作 angular.bootstrap(aDiv[0],['myApp1']); angular.bootstrap(aDiv[1],['myApp2']);};</script></body></html>除了手動初始化模塊外，還能使用run方法初始化控制器(但是數據必須是全局的)。
<!DOCTYPE HTML><html ng-app="myApp"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DEMO</title><script type="text/javascript" src="https://code.angularjs.org/1.3.8/angular.min.js"></script></head><body><div> <p>這里沒有使用ng-controller命令</p> <p>{{name}}</p></div><script type="text/javascript">var m1 = angular.module('myApp',[]);//不需要創(chuàng)建控制器引用也可以更改數據//rootScope是全局作用域m1.run(['$rootScope',function($rootScope){ $rootScope.name = 'hello';}]);</script></body></html>在run下不能使用$scope局部，否側會報錯！
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！
新聞熱點
疑難解答
