AngularJS 最佳实践 [关闭]

Question

我有一个大型 angularjs 应用程序。它以模块模式构造，例如：

./
 /search
   search.js
 /admin
   /users
       users.js
   /settings
       settings.js
   admin.js
/edit
   edit.js
/common
   /components
       /modal
           modal.js
   /services
       auth.js

等等。目前它们都在一个angularjs“模块”下，例如：

var app = var app = angular.module('myapp', []);

然后在随后的控制器/等中我会这样做

app.controller('SearchCtrl', function(){ ... })

但是当我在网上查看诸如Angular CRUD Demo 和ngBolierplate 之类的示例时，我发现它们中的大多数都将每个嵌套模块拆分为它们自己的“模块”，而不是仅仅将其捆绑到主模块上。

这里的最佳做法是什么？我都见过，但不确定哪个是“角度方式”。

Answer 1

取自here，链接到official angular blog，被称为最佳实践（强调我的）：

模块定义

一般来说，'angular.module('foo')' 应该只被调用一次。其他模块和文件可以依赖它，但他们不应该修改它。 模块定义可以在主模块文件中进行，也可以在部分或组件的子目录中进行，具体取决于应用程序的需要。

所以，我认为首选的方法是让每个 .js 文件声明自己的模块，然后在项目根目录的主 app.js 文件中引用这些模块。