AngularJs中的共享模块

Question

目前，我们为angularjs应用设置了一个设置，其中有一个名为“ app.js”的文件，其中包含

var app = angular.module('VolumeOutputOptions', [
    'someDirectiveModule',
    'someServiceModule'
]);

除了在诸如someDirectiveModule之类的应用之间共享的代码外，几乎每个类都依赖于此全局变量。 有时会导致添加新依赖项的问题，但是事实证明，在没有包含该依赖项的上下文中使用了“ app”。 此外，全局变量也很糟糕。

有没有更好的方法可以在您应用的所有指令和控制器之间共享单个模块？ 例如，

angular.module('VolumeOutputOptions').directive(...);

angular.module('VolumeOutputOptions').controller(...);

是两个具有相同名称的独立模块，还是angular将它们检测并合并？

Answer 1

如果你用像

angular.module('VolumeOutputOptions').directive(...);

angular.module('VolumeOutputOptions').controller(...);

要使用这样的模块，必须先使用angular.module('VolumeOutputOptions', [])来创建模块，然后再使用它。 然后将它们都分配给相同的模块VolumeOutputOptions 。

如果您使用第二个依赖数组参数定义诸如angular.module('moduleName', [])类的模块angular.module('moduleName', [])则仅angular创建一个新模块。 如果没有传递数组参数，则angular将引用之前声明的具有相同名称的模块。