【发布时间】：2014-07-20 09:22:56
【问题描述】：
我使用 angular-seed 开始了一个 Angular 项目，并且在 index-async.html 中它默认使用 angular-loader 和 script.js。我在这个项目中添加了两个控制器，每个控制器都在两个单独的文件中。 第一个控制器的文件是这样开始的：
angular.module('myApp.controllers').controller('FirstCtrl', ...
第二个控制器的文件是这样开始的：
angular.module('myApp.controllers').controller('SecondCtrl', ...
然后在 app.js 主文件中：
angular.module('myApp.controllers', []);
angular.module('myApp', [
'myApp.controllers'
])
三个文件都添加到 script.js 中：
$script([
'bower_components/angular/angular.js',
'bower_components/angular-route/angular-route.js',
'js/app.js',
'js/controllers/first-ctrl.js',
'js/controllers/second-ctrl.js',
], function() {
angular.bootstrap(document, ['myApp']);
});
当我运行应用程序时，有时它可以工作，有时我会收到错误：
未捕获的错误：[$injector:nomod] http://errors.angularjs.org/1.2.20/$injector/nomod?p0=myApp.controllers
错误：[ng:areq] 参数 'FirstCtrl' 不是函数，未定义
注意。为简洁起见，我省略了 routeprovider，但我先使用 FirstCtrl 去路由。如果我改为使用 SecondCtrl 进行路由，我会遇到类似的问题。
我认为我对 angular-seed 的改变并没有太大，所以想知道添加更多控制器是否正确？
【问题讨论】：
-
检查您的
FirstCtrl是否正确。angular.module('myApp.controllers').controller('FirstCtrl',function($scope){});另请注意，您的加载器是异步的。所以它有时可以在应用初始化之前加载控制器。 -
@akn 我认为这就是 angular-loader 存在的原因 - 所以 scriptjs 可以按任何顺序加载 angular 文件。
-
@Steve 是的，以任何顺序，但有一个例外：模块声明
angular.module('myApp.controllers', [])必须在获取模块实例之前运行angular.module('myApp.controllers')。 -
@runTarm 我只是不明白如何强制它在 app.js 文件中在其他模块之前运行
angular.module('myApp.controllers', [])？如果模块不存在，有没有办法在单独的控制器文件中声明模块？ -
您可以检查模块是否存在，然后在每个文件中创建。但是一旦模块具有依赖关系，它就会变得很麻烦，因为您需要使每个文件保持同步。顺便说一句，你真的需要异步加载吗？几乎没有必要这样做，因为我们会在推送到生产环境之前将它们全部连接并缩小到几个文件中。