我可以在两个不同的文件中对同一个 ng-app 进行两次 angular.module 调用吗？

【问题标题】：Can I have two angular.module calls to the same ng-app in two different files?我可以在两个不同的文件中对同一个 ng-app 进行两次 angular.module 调用吗？
【发布时间】：2013-11-29 08:27:08
【问题描述】：

我有一个 angular.js 应用程序，它在 html 文件的 <body> 标记中使用 ng-app="audioApp" 声明。

如果我在一个 javascript 文件中有一个 angular.module 调用：

var app = angular.module('audioApp', []);

我可以在不同的 javascript 文件中进行另一个相同的 angular.module 调用吗？我的应用程序神秘地因第二次angular.module 调用而中断，所以看来我不能两次调用此调用。

对解决方案的任何建议将不胜感激。

【问题讨论】：

标签： angularjs angularjs-controller angularjs-module

【解决方案1】：

是的。您需要省略 , [] 部分。

var app = angular.module('audioApp');

这将获取对模块的引用，而不是重新定义它。

我喜欢做的是保留一个module.js 文件，它位于任何依赖模块或扩展它的文件之前。

audioApp.js

var app = angular.module('audioApp', ['some', 'deps']);

someDirective.js

var app = angular.module('audioApp');

app.directive(...);

someController.js

var app = angular.module('audioApp');

app.controller();

【讨论】：

在我的示例中将进入 audioApp.js 文件