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

前端之家收集整理的这篇文章主要介绍了如何创建单独的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相关文章