Angularjs 服务、指令和模块之间的区别是什么？

我已经读了很多文件，我越来越困惑。 我基本上搞不清两者之间的区别

服务 指示 单元

---

我看到很多定制组件。有时他们使用指令，有时使用服务。它总是从一个模块开始。有人能举例说明这三种类型之间的区别吗？

将模块看作是连接许多其他东西的地方，如指令、服务、常量等。模块可以注入到其他模块中，从而实现高水平的重用

在编写angular应用程序时，您将拥有一个顶级模块，它是不带模板的应用程序代码

服务主要是控制器之间通信的一种方式，但您可以将一个服务注入另一个服务。服务通常被用作访问数据存储的一种方式，人们会包装AngularAPI，如ngResource。这种技术非常有用，因为它使测试特别是模拟变得非常容易。您可以使用服务来做其他事情，如身份验证、日志记录等

指令用于创建小部件或包装现有的东西，如jquery插件。包装现有的插件可能是一个挑战，您这样做的原因是在插件和应用程序之间建立双向数据绑定。如果不需要双向数据绑定，则不需要包装它们

指令也是执行DOM操作、捕获DOM事件等的地方。您不应该在控制器或服务中执行与DOM相关的操作。创建指令可能会变得相当复杂。恕我直言，我建议您先看看API，看看它能做什么，或者向Angular的Google Group寻求建议。

我自己的文章，大部分是来自文档、Google Group帖子等帖子的片段：

模块

提供访问命名空间/组服务、指令、筛选器、配置信息和初始化代码的方法 帮助避免全局变量 用于配置$injector，允许将模块或整个模块本身定义的内容注入依赖注入内容 角度模块与CommonJS或Require.js无关。与AMD或Require.js模块相反，Angular模块不会试图解决脚本加载顺序或延迟脚本获取的问题。这些目标是正交的，两个模块系统可以并肩生活，并实现他们的目标，所以文档声称。 服务

是单例的，因此您定义的每个服务只有一个实例。作为单例，它们不受作用域的影响，因此可以通过与多个视图/控制器/指令/其他服务共享来访问 您可以并且可能应该在以下情况下创建自定义服务： 两个或两个以上的东西需要访问相同的数据—不要使用根范围，或者您只想整洁地封装数据 您希望封装与服务中的web服务器extend$resource或$http的交互 内置服务以“$”开头。 要使用服务，依赖项注入需要依赖项，例如控制器、其他服务或指令。 指令下面的一些条款基本上说的是同一件事，但我发现有时稍微不同的措辞会有很大帮助

负责在模型状态更改时更新DOM 扩展HTML词汇表=教授HTML新技巧。Angular附带了一组内置的指令，例如ng-*指令，这些指令对于构建web应用程序非常有用，但您可以添加自己的指令，以便HTML可以转换为声明性的领域特定语言DSL。例如，Angular主页上的和元素演示创建组件。 不明显的内置指令，因为它们不以ng开头：a、form、input、script、select、textarea。在角度下，这些都比正常情况下做得更多！ 指令允许您对HTML进行组件化。指令通常比ng include更好。例如，当您开始编写大量以数据绑定为主的HTML时，请将该HTML重构为可重用的指令。 Angular编译器允许您将行为附加到任何HTML元素或属性，甚至创建具有自定义行为的新HTML元素或属性。Angular调用这些行为扩展指令。 简而言之，指令只是一个函数，当Angular编译器在DOM中遇到它时执行。 指令是由属性、元素名、类名或注释中的名称触发的行为或DOM转换。指令是在HTML编译过程中遇到特定HTML构造时应触发的行为。指令可以放在元素名、属性、类名以及注释中。 大多数指令仅限于属性。例如，双击仅使用自定义属性指令。 另见 定义和分组依赖注入stu 模块中的ff。 在服务中共享数据并包装web服务器交互。 扩展HTML并在指令中进行DOM操作。

---

并使控制器尽可能薄。

@Mark Rajcok-回答很好，我已经给了你+1，但最好澄清模块下的更多第3项，即配置$injector。人们了解注入服务，但这与模块有什么关系？@Leewitney，请参阅：模块可以将其他模块列为其依赖项。取决于模块意味着需要在加载所需模块之前加载所需模块。换句话说，所需模块的配置块在所需模块的配置块之前执行。@MarkRajcok链接现在已断开