如何创建单独的AngularJS控制器文件？

Question

我将所有AngularJS控制器都放在一个文件controllers.js中。该文件的结构如下：

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

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

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个文件，因此模块声明是独立的。