Angular 2 之七 依赖注入

概述
Angular 2使用自己的依赖注入框架并采用构造注入方式，依赖注入分两个步骤： 1） 向injector注册Provider 2） 构造类时injector根据参数注入对应的实例。

enter image description here

如上图所示， 注册时在injector中建立注入名称和注入实例的对照表，获取时根据注入名称返回对应的注入实例。在同一injector中，注入实例相当于Singleton。
injector可以编码显式调用；Angular 2 构造时自动获取注入实例，一般地不需要显式调用。
如果服务依赖于另一个服务，在定义服务类时需要加@Injectable标注；建议所有服务均使用@Injectable标注。
Provider
依赖注入注册有以下三种方式：
1. 注册类 Class Provider
最常见的类注册表达式如[LoggerService]
，是以下表达式的 缩写：
[new Provider(LoggerService, {useClass: LoggerService })]

参数含义如下：
第一个参数是注入名称（token）
第二个参数用于产生注入实例。

可以使用其他类提供注入实例，如：
[ provider(LoggerService, { useClass: BetterLogger }) ]

也可以指定注入名称的别名，如：
[ LoggerService ， provider(OtherLogger, {useExisting: LoggerService }) ]

2. 注册值 Value Provider
可以直接指定注入的实例，如：
[ provider(LoggerService, { useValue: loggerInstance }) ]

3. 注册工厂方法 Factory Provider
当需要根据动态值确定依赖注入的实例是，可使用工厂方法注入。
注入名称 DI Token
以上注入的都是类实例，注入名称是类的类型。
如果注入的不是类（如字符串、Object或函数），注入名称可以是：
常量字符串
OpaqueToken：优于在代码中直接使用常量字符串。

在此情况下，构造函数语法如下：
constructor(@Inject(APP_CONFIG) private config: Config) { ... }

层级依赖注入
Angular 2有两种注册方式：
bootstrap函数的第二个参数
@Component的providers元数据

前者创建全局级依赖注入，整个应用一个实例；后者创建组件级依赖注入，每个组件拥有自己的实例。形成的依赖注入树如下图所示：[图片上传中。。。（2）]
一般地，组件在自身injector找不到注入名称时，到父组件injector中查找，直至全局级injector为止。
根据前面的说明，类注入可以使用其他类提供实例。这意味着在依赖注入树中，同名的注入名称在不同层级可能对应到不同类型的实例。为避免注入错误的类型实例，Angular 2提供以下措施：
构造函数参数@Host标注：表示该参数的注入查找到该组件的上层宿主元素为止；
@Component标注的viewProviders元数据：本组件使用的注入名称可以从viewProviders列表查询。viewProviders对子组件树不可见，因此如果是某个子组件查询同名的注入名称，则可以继续向上层组件查询。

一般地，推荐使用@Component providers元数据注册；除了通过服务进行组件间交互情况，因为交互的组件必须共享同一实例。