Angular 2 应用程序应用主要由以下 8 个部分组成

1. 模块 (Modules)
2. 组件 (Components)
3. 模板 (Templates)
4. 元数据 (Metadata)
5. 数据绑定 (Data Binding)
6. 指令 (Directives)
7. 服务 (Services)
8. 依赖注入 (Dependency Injection)

下图展示了每个部分是如何相互工作的

图中

1. 模板 (Templates)是由 Angular 扩展的 HTML 语法组成

2. 组件 (Components)类用来管理这些模板

3. 应用逻辑部分通过服务 (Services)来完成，然后在模块中打包服务与组件， 最后通过引导根模块来启动应用

服务( Services )

AngularJS 2 中的服务是封装了某一特定功能，并且可以通过注入的方式供它人使用的独立模块

服务分为很多种，包括：值、函数，以及应用所需的特性

例如，多个组件中出现了重复代码时，把重复代码提取到服务中实现代码复用

AngularJS 2 中常见的服务

1. 日志服务
2. 数据服务
3. 消息总线
4. 税款计算器
5. 应用程序配置

下面的代码是一个日志服务，用于把日志记录到浏览器的控制台

export class Logger {
  log(msg: any)   { console.log(msg); }
  error(msg: any) { console.error(msg); }
  warn(msg: any)  { console.warn(msg); }
}