和之前的类的元数据一样，通过 @Component 装饰器把元数据附加到后面的类，编程组件类。这个就是通过 @Directive 装饰器把一些元数据附加到后面的指令类。
结构型指令：通过在DOM中添加、移除、替换元素修改布局。ngFor 、 ngIf。
属性指令：修改现有元素的外观或行为。ngModel
服务
服务分很多种，值、函数、应用所需的特性。
几乎任何东西都可以是一个服务。典型的服务是一个类。
例如：
日志服务
数据服务
消息总线
税款计算器
应用程序配置
组件是最大的服务消费者。
组件的一些操作需要服务提供一些数据。
示例，把日志记录显示到浏览器控制台：
// app/logger.service.ts export class Logger { log(msg: any) { console.log(msg); } error(msg: any) { console.error(msg); } warn(msg: any) { console.warn(msg); } }
这些服务使得组件不用去服务器获取数据、进行验证……，这一切都可以通过服务完成。
组件的任务就是提供用户体验，仅此而已！
它介于视图（由模板渲染）和应用逻辑（包括模型）之间。
设计良好的组件为数据绑定提供属性和方法，对它们不重要的事情委托给服务。
依赖注入
依赖注入是提供类的新实例的一种方式，负责处理好类所需的全部依赖（服务）。
Angular 使用依赖注入提供我们需要的组件及组件所需的服务。
Angular 能通过查看构造函数的参数类型，来的值组件所需的服务。
示例：
// app/hero-list.component.ts constructor(private service: HeroService) { }
构造函数的参数提到了一个服务。
当 Angular 创建组件时，会先为组件所需的服务找一个注入器（Injector）。
注入器是一个维护服务实例的容器，存放着以前创建的实例。如果容器中还没有所请求的服务实例，注入器就会创建一个服务实例，并且添加到容器中，然后把这个服务返回给 Angular。当所有服务都被解析完并返回， Angular 会以这些服务为参数去调用组件的构造函数，这就是依赖注入。
也就是说服务是先于组件被执行的。它先处理所有的服务到一个仓库，然后再处理组件，组件需要哪个服务就从仓库取出来给你。
提供商添加到根模块，在任何地方使用的都是服务的同一个实例：
// app/app.module.ts providers: [ BackendService, HeroService, Logger ],
提供商是确定处理组件之前必须存在所依赖的组件
也可以把它注册到组件层：
// app/hero-list.component.ts @Component({ moduleId: module.id, selector: 'hero-list', templateUrl: 'hero-list.component.html', providers: [ HeroService ] })
添加到装饰器元数据的属性中。
依赖注入的要点：
1、依赖注入渗透在整个Angular框架中
2、注入器是机制的核心
注入器负责维护一个容器，存放创建过的服务实例
注入器能使用提供商创建一个新的服务实例
3、提供商是一个用于创建服务的配方。
4、把提供商注册到注入器。