Angular在一个页面中使用两个ng-app的方法
下面一段代码给大家介绍了Angular在一个页面中使用两个ng-app的方法，具体代码如下所示：
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="utf-8">
<title>ng-app指令,angular找到第一个ng-app就不会再找了，在一个页面中只使用一个ng-app.</title>
</head>
<body>
<inputtype="button"ng-app="myApp1"ng-controller="App1Controller"ng-click="do1()"value="按钮1"/>
<inputtype="button"ng-app="myApp2"ng-controller="App2Controller"ng-click="do2()"value="按钮2">
<scriptsrc="bower_components/angular/angular.js"></script>
<script>
/**
*myApp1Module
*
*Description
*/
varmyApp1=angular.module('myApp1',[]);
myApp1.controller('App1Controller',['$scope',function($scope){
$scope.do1=function(){
console.log(11111);
};
}]);
varmyApp2=angular.module('myApp2',[]);
myApp2.controller('App2Controller',['$scope',function($scope){
$scope.do2=function(){
console.log(22222);
};
}]);
//手动的让第二个div被myapp2管理
angular.bootstrap(document.querySelector('[ng-app="myApp2"]'),['myApp2']);
</script>
</body>
</html>
这种方法不推荐，请参考下篇文章。下面给大家介绍angular在一个页面中使用两个ng-app的方法(二)。敬请关注！