javascript - 我需要为每个单独的文件定义一个模块吗？

Question

Angular 新手，试图弄清楚我应该如何 modularize我的应用程序。

app
    toolbar
        toolbar.module.js
        menu.html
        index.html
        search.html
    sub-system-1
        subSystem1.module.js
        directive-template.html
    sub-system-2
        subSystem2.module.js
        directive-template.html

例如，toolbar.module.js 有 3 个指令(菜单、索引、搜索)，每个指令都有自己的 Controller 、服务。所有 Controller 、指令定义和服务都在toolbar.module.js 中定义...在维护代码时有点令人困惑。

是否可以提出更细粒度的设置，以便每个指令都与其 Controller 和服务一起包含在自己的文件中？

我想我可以添加:

        menu.directive.js

里面有类似的东西

var module = angular('toolbar.menu.directive',[]);
module.directives(...);//add menu directive to the module

然后在toolbar.modules里面有类似的东西:

var module = angular('toolbar',[toolbar.menu.directive]);

这是通过定义大量细粒度模块来实现此目的的唯一方法吗？

Answer 1

不，您不必定义大量的微型模块。在 Angular 中，您可以通过省略第二个参数来引用现有模块:

angular.module('moduleName');

通过这样做，您可以将各种工具栏指令、 Controller 和服务拆分为单独的文件，并在每个文件中简单地引用工具栏模块，如下所示:

angular.module('toolbar')
  .controller('MenuCtrl', function() {
    // ...
  });