javascript - 如何创建单独的 AngularJS Controller 文件？

Question

我将所有 AngularJS Controller 都放在一个文件 controllers.js 中。该文件的结构如下:

angular.module('myApp.controllers', [])
  .controller('Ctrl1', ['$scope', '$http', function($scope, $http) {    
  }])
  .controller('Ctrl2', ['$scope', '$http', function($scope, $http) }
  }])

我想做的是把 Ctrl1 和 Ctrl2 放到单独的文件中。然后我会将这两个文件都包含在我的 index.html 中，但是应该如何构建呢？我尝试做这样的事情，它在网络浏览器控制台中抛出一个错误，说它找不到我的 Controller 。有什么提示吗？

我搜索了 StackOverflow 并发现了这个类似的问题 - 但是，此语法在 Angular 之上使用了不同的框架 (CoffeeScript)，因此我无法遵循。

---

AngularJS: How do I create controllers in multiple files

Answer 1

文件一:

angular.module('myApp.controllers', []);

文件二:

angular.module('myApp.controllers').controller('Ctrl1', ['$scope', '$http', function($scope, $http){

}]);

文件三:

angular.module('myApp.controllers').controller('Ctrl2', ['$scope', '$http', function($scope, $http){

}]);

包含在该顺序中。我推荐 3 个文件，所以模块声明是独立的。

---

关于文件夹结构，这个主题有很多很多很多意见，但是这两个都不错

https://github.com/angular/angular-seed

http://briantford.com/blog/huuuuuge-angular-apps.html