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

发布时间：2020-12-17 09:34:33 所属栏目：安全来源：网络整理

导读：我有我的所有AngularJS控制器在一个文件controllers.js。此文件的结构如下： angular.module('myApp.controllers',[]) .controller('Ctrl1',['$scope','$http',function($scope,$http) { }]) .controller('Ctrl2',$http) } }]) 我想做的是将Ctrl1和Ctrl2放入

我有我的所有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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!