Angularjs 中的模块是什么？答案

【问题标题】：What is module in Angularjs?Angularjs 中的模块是什么？
【发布时间】：2013-08-10 23:12:00
【问题描述】：

我是一名 Java 开发人员，我正在尝试创建一个使用我的 Web 服务的前端。按照他们网站上的教程，我必须承认我对模块的概念感到困惑。有人可以解释为什么，什么，何时以及如何使用它？如果它具有“Java 方式”等价物，那么比较也会受到高度重视。

【问题讨论】：

标签： java javascript jakarta-ee angularjs

【解决方案1】：

来自 Angular documentation：

模块是服务、指令、过滤器和配置信息的集合。

一个模块可以是一个应用程序，也可以是可以注入其他模块的组件的集合。在 Angular 中，这就是你将相关事物组合在一起的方式，这样你就可以从它的依赖注入系统中受益。

例如，您的主应用程序可以是一个模块，您可以将其分成更小、更有凝聚力的包（其他模块）。您还可以使用第三方组件（其他模块）并将它们注入您的主应用程序：

angular.module('app', ['app.controllers', 'app.directives', 'third-party-module1', 'third-party-module2');

最后，我推荐这个来自Dan Wahlin的视频教程：Angular in 60-ish minutes。

【讨论】：

【解决方案2】：

对初学者的一般说明：忘记那个教程，而是从this 开始（从egghead 视频开始——我也在学习，也是）。

模块是您的应用程序，您可以在其中注册指令、控制器、服务、过滤器……

您可以使用不同的模块并将它们注入到您的主模块中（这有助于拥有更清晰的结构......以及将第三方模块用作库）..

angular.module('myApp', [
        'myApp.controllers',
        'myApp.filters',
        'myApp.services',
        'myApp.directives',

        // 3rd party dependencies
        'ui.bootstrap',
        'btford.socket-io'
    ]).

这是我正在处理的项目中的一个 sn-p：myApp 是我正在使用的主模块（在 html 文件 <html ng-app="myApp"> 中），myApp.xxx 是注入主模块的其他模块。最后还有第 3 方模块。

【讨论】：

@LuckyLuke 这个答案非常正确youtube.com/watch?v=ZhfUv0spHCY&t=34m19s 它允许你为不同的东西配置提供者然后你可以注入。我猜它的工作原理类似于 Java 中的 spring bean。您需要一个 Angular 模块，即您需要使用 ng-app 指令或手动引导和“按名称请求它”的“主模块”。

【解决方案3】：

如果它具有“Java 方式”等价物，那么比较也将是高度赞赏

我只是想为这一点添加评论，但我没有足够的声誉来做到这一点。

对于这一点，Java中的包（例如：com.team.module）可以稍微等价，在包内部，您可以有另一个子包（com.team.module.directive，com.team.module.service ）。它们可帮助您将项目构建成组件以供重用和维护。

【讨论】：