我应该如何在AngularJS中使用我的app.js文件？

Question

我在看Build huge apps link它说：

在app.js中定义和配置所有模块：

angular.module('yourAppName', ['yourAppDep']);
angular.module('yourAppDep');

在模块上定义控制器，服务等，如下所示：

angular.module('yourAppDep').controller('MyCtrl', function () {
// ...
});

有人可以向我解释app.js中这两个定义行会发生什么。这些行不应该定义模块并将它们分配给变量吗？

Answer 1

我假设，第二行应该是：

angular.module('yourAppDep',[/* dependencies of yourAppDep*/]);

定义yourAppDep模块。我也这样做：在一些顶级.js文件中定义我正在使用的所有模块（例如依赖于myApp.directivies，myApp.servicies，myApp.someFunctionality1，myApp.someFunctionality2的myApp），然后使用{{1}获取已定义的模块。

这给出了：

• 更细粒度的代码：明确指定依赖关系
• 您在一个文件中看到所有依赖项，您的图片更精彩
• 在测试中，您只能模拟您真正使用的内容，但每次测试都知道bootstrap整个应用程序。

所以主要思想是：在app.js中定义模块及其依赖项，在其他.js文件中实现它们。