Angularjs 如何处理单独文件中的模块

Angularjs 如何处理单独文件中的模块,angularjs,Angularjs,我喜欢它有每个控制器,过滤器。。。在一个原始文件中。问题是,我必须复制主html文件中的每一条路径。自动化此工作流的好方法是什么?我找到了grunt concat模块。但这是路吗 另一个问题是,当我在saparate文件中有不同的模块时,比如: function TestCtrl ($scope) { //... } angular .module('app') .controller('TestCtrl', TestCtrl) 我必须将它们添加到我的app.js中,如下所

我喜欢它有每个控制器,过滤器。。。在一个原始文件中。问题是,我必须复制主html文件中的每一条路径。自动化此工作流的好方法是什么?我找到了grunt concat模块。但这是路吗

另一个问题是,当我在saparate文件中有不同的模块时,比如:

function TestCtrl ($scope) {
 //...
}

angular
    .module('app')
    .controller('TestCtrl', TestCtrl)
我必须将它们添加到我的app.js中,如下所示:

var app = angular.module('app', ['add here?']);
angular.module('appname').controller('controllername'[function(){....}])
多谢各位!
Robert

Grunt concat是连接文件的好方法

回答你的另一个问题:代码是:

var app = angular.module('loop', ['app'])
但您可能应该将变量“app”重命名为“loop”,以避免与依赖项混淆

编辑:添加为您评论中问题的附加答案:

是的,它也适用于[]。您通过angular.module('name',[])定义了一个模块,如果您的模块依赖于它们,则该数组包含依赖项。如果没有,则需要提供空数组。使用两个参数调用angular.module称为setter api以创建模块。如果在不使用数组的情况下使用angular.module('name'),则会获得对所创建模块的引用。这对于定义服务、控制器等非常有用,如下所示:

var app = angular.module('app', ['add here?']);
angular.module('appname').controller('controllername'[function(){....}])
正如最后一句话,您可以链接angular.module api的getter和setter,并将(全局)变量app全部去掉。例如:

angular.module('appname',[])
  .controller('controllername'[function(){....}])
  .factory('factoryname', [function(){}])

Concat和LazyLoad是两个不同的概念,对吗?或者我可以同时使用它们吗?requirejs和lazyload之间有什么区别?

这些“['app']”做什么?它也适用于“[]”!还有别的办法吗?我还发现了LazyLoad,有没有办法让它自动化?或者requirejs呢?很抱歉,这个循环是复制粘贴失败。我修好了@nofear87,我为您在上面的评论中提出的问题添加了答案。当我选择第一种方法来定义…数组必须是什么样子的?只是一个空数组:[]