您的位置：首页 > Web前端 > BootStrap

angular.bootstrap

2016-01-10 22:41 549 查看

angular.bootstrap(document, ["myapp"]) ;//初始化

这种方式，一旦页面需要多个初始化时，可以用bootstrap，指令只能进行一次初始化操作

需要进行多个初始化时使用!!!!

<script>
var i=0;
var m1 = angular.module('myApp1',[]);
var m2 = angular.module('myApp2', []);
m1.controller("myCtrl1", function($scope){
$scope.name = "xiaopang";
})
m2.controller("myCtrl2", function($scope){
$scope.name = 'lengyu';
})

document.onclick = function(){
i++;
console.log(i)
var aDiv = document.getElementsByTagName("div");
// angular.bootstrap(aDiv[0], ["myApp1"]);
angular.bootstrap(aDiv[1], ["myApp2"]); //绑定到第二个div上
}

</script>
</head>
<body>

<div id="div1" ng-app="myApp1" ng-controller="myCtrl1">

<p ng-bind="name"></p>
</div>

<div id="div2" ng-controller="myCtrl2">

<p ng-bind="name"></p>
</div>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航