Question

是否可以在Angular脚本中创建多个模块？我浏览了文档，了解到它是某种主要的方法概念。

我需要举例证明这一点。

Answer 1

是的，您可以在angularJS中定义多个模块，如下所示。

var myApp = angular.module('myApp', [])
var myApp2 = angular.module('myApp2', [])

但是，不要忘记在每个模块声明中定义依赖关系，如下所示。我们假设myApp2依赖于myApp。因此，声明将类似于，

var myApp = angular.module('myApp', [])
var myApp2 = angular.module('myApp2', ['myApp'])

AngularJS中的模块化有助于我们保持代码清晰度和易于理解，因为我们可以组合多个模块来生成应用程序。但是，我们需要记住，我们应该根据组件的功能模块化组件。

Answer 2

每个HTML文档只能自动引导一个AngularJS应用程序。在文档中找到的第一个ngApp将用于定义作为应用程序自动引导的根元素。要在HTML文档中运行多个应用程序，必须使用angular.bootstrap手动引导它们。 AngularJS应用程序不能互相嵌套。 - http://docs.angularjs.org/api/ng.directive:ngApp 另见

https://groups.google.com/d/msg/angular/lhbrIG5aBX4/4hYnzq2eGZwJ http://docs.angularjs.org/api/angular.bootstrap

你也可以只使用一个ng-app，但是像这样组合2个模块：

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";
});

angular.module("CombineModule", ["MyModuleA", "MyModuleB"]);

然后ng-app="CombineModule"

Answer 3

我认为他将模块与ngApp混淆，因为页面上只有一个应用程序（ng-app），并且应用程序的视图（ngView或＆lt; ng-view＆gt;）也只能存在一次。但是如前面的答案中所述，您可以根据需要创建任意数量的模块，并将它们作为依赖项注入“主”应用程序模块。我通常这样做是为了在我们自己的模块中分离我的指令，过滤器，控制器等。

编辑：

ngApp - http://code.angularjs.org/1.1.5/docs/api/ng.directive:ngApp

Answer 4

当然可以。只需使用angular.module('moduleName', [/* dependencies */])和您想要创建的模块的次数一样多。

要获取对先前定义的模块的引用，请执行：var myModule = angular.module('moduleName');然后myModule.controller(...)，myModule.config()，myModule.constant()等。

建议的项目布局（参见Angular Seed）有一个适用于您的应用程序的模块，另一个适用于您的控制器，另一个适用于您的服务，另一个适用于您的过滤器，另一个适用于您的指令。当然这是a mere suggestion。其他人建议alternative layouts。

Answer 5

你是什么意思多个模块？你可以将模块注入另一个模块

angular.module(name[ anotherModule]);

Angularjs中的多个模块

5 个答案: