使用angular.bootstrap完成模块的手动加载(一个页面多个ng-app时使用)

来源:互联网 发布:黑马编程培训机构 编辑:程序博客网 时间:2024/05/17 01:54
<html>  <head>    <script src="angular.js"></script>    <script>    // 创建moudle1    var rootMoudle = angular.module('moudle1', []);    rootMoudle.controller("controller1",function($scope){$scope.name="aty"});    // 创建moudle2    var m2 = angular.module('moudle2', []);    m2.controller("controller2",function($scope){$scope.name="aty"});    // 页面加载完成后,再加载模块    angular.element(document).ready(function() {      angular.bootstrap(document.getElementById("div1"),["moudle1"]);      angular.bootstrap(document.getElementById("div2"),["moudle2"]);    });  </script>  <head>  <body>    <div id="div1"  ng-controller="controller1">div1:{{name}}</div>    <div id="div2"  ng-controller="controller2">div2:{{name}}</div>  </body></html>
0 0
原创粉丝点击