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

我有我的所有AngularJS控制器在一个文件controllers.js。此文件的结构如下:
angular.module('myApp.controllers',[])
  .controller('Ctrl1',['$scope','$http',function($scope,$http) {    
  }])
  .controller('Ctrl2',$http) }
  }])

我想做的是将Ctrl1和Ctrl2放入单独的文件。然后我会将这两个文件包含在我的index.html,但应该如何组织?我试着做一些这样的事情,它在Web浏览器控制台中抛出一个错误,说它找不到我的控制器。任何提示

搜索StackOverflow并发现了这个类似的问题 – 但是,这种语法使用不同的框架(CoffeeScript)在Angular的顶部,所以我一直没能跟上。

AngularJS: How do I create controllers in multiple files

文件一:
angular.module('myApp.controllers',[]);

文件二:

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

}]);

文件三:

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

}]);

包含在该订单中。我推荐3个文件,所以模块声明是自己的。

至于文件夹结构有很多很多意见的主题,但这两个都很不错

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

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

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...