Html 同时在angularjs中加载两个模块_Html_Angularjs

Html 同时在angularjs中加载两个模块

html angularjs

Html 同时在angularjs中加载两个模块,html,angularjs,Html,Angularjs,单击模块A和模块B按钮时，我想同时加载两个模块 var moduleA=angular.module("MyModuleA",[]); moduleA.controller("MyControllerA",function($scope){ $scope.name = "Bob A"; }); var moduleB=angular.module("MyModuleB",[]); moduleB.controller("MyControllerB", function($scope

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

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 myDiv1 {{name}}{{app} myDiv2 {{name}} 点击模块A按钮加载模块A，点击模块B加载模块B

你所说的负载是什么意思？是否要使用给定的控制器？你可能会有一个关注点分离的问题。问题是什么。你可以说出你想要什么，但不能说出你遇到了什么问题以及在哪里需要帮助。如果我们将最后一句理解为“当我点击模块A和模块B按钮时，如何同时加载两个模块？”如果是这样，请更新您的帖子，并解释如果点击其中一个模块，是否会发生任何事情。

<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