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

最新推荐文章于 2023-06-04 10:21:53 发布

漫彧明柒

最新推荐文章于 2023-06-04 10:21:53 发布

阅读量2.9k

点赞数

分类专栏： AngularJs

AngularJs 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<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
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用angular.bootstrap完成模块的手动加载（一个页面多个ng-app时使用）

<html> <head> <script src="angular.js"></script> <script> // 创建moudle1 var rootMoudle = angular.module('moudle1', []); rootMoudle.controller("controller1",function($scope){$scope.na
复制链接

扫一扫