同时在angularjs中加载两个模块答案

【问题标题】：simultaneously two module load in angularjs同时在angularjs中加载两个模块
【发布时间】：2015-06-25 19:44:32
【问题描述】：

var moduleA=angular.module("MyModuleA",[]);
  moduleA.controller("MyControllerA",function($scope){
    $scope.name = "Bob A";
 });
var moduleB=angular.module("MyModuleB",[]);
moduleB.controller("MyControllerB", function($scope) {
  $scope.name = "Steve B";
});
var main = angular.module("CombineModule", ["MyModuleA", "MyModuleB"]);
 main.controller("main",function($scope){
   $scope.loadModuleA = function(){
    console.log("Load module 'A' ")
  }; 
   $scope.loadModuleB = function(){
   console.log("Load module 'B' ")
  }; 
});

当我点击模块 A 和模块 B 按钮时，我想同时加载两个模块

【问题讨论】：

负载是什么意思？你想使用给定的控制器吗？您可能会遇到关注点分离问题。
问题是什么。你告诉你你想要什么，而不是你遇到什么问题以及你需要帮助的地方。如果我们应该将最后一句读为“当我单击模块 A 和模块 B 按钮时，如何同时加载两个模块？”如果是这样，请更新您的帖子，并说明如果单击两者之一，是否会发生任何事情。

标签： html angularjs

【解决方案1】：

<body ng-app="CombineModule" ng-controller="main">
      <button ng-click="loadModuleA()">Load Module A</button>
      <button ng-click="loadModuleB()">Load Module B</button>
        <div>
            <h1>myDiv1</h1>
            <div ng-controller="MyControllerA">
                {{name}}{{app}}
            </div>
        </div>

        <div>
            <h1>myDiv2</h1>
            <div ng-controller="MyControllerB">
                {{name}}
            </div>
        </div>
    </body>

load module A on click Module A button and load modle B on click on module B

【讨论】：