angularjs 手动加载

最新推荐文章于 2024-10-09 11:19:11 发布

weixin_30501857

最新推荐文章于 2024-10-09 11:19:11 发布

阅读量60

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/damsoft/p/6089547.html

版权

利用ng-app可以完成自动加载，如果不利用ng-app。那么使用bootstrarp实现手动加载模块

<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>