Angular 2 之七 依赖注入

概述

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

如上图所示，注册时在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元数据

前者创建全局级依赖注入，整个应用一个实例；后者创建组件级依赖注入，每个组件拥有自己的实例。形成的依赖注入树如下图所示：

一般地，组件在自身injector找不到注入名称时，到父组件injector中查找，直至全局级injector为止。

根据前面的说明，类注入可以使用其他类提供实例。这意味着在依赖注入树中，同名的注入名称在不同层级可能对应到不同类型的实例。为避免注入错误的类型实例，Angular 2提供以下措施：

• 构造函数参数@Host标注：表示该参数的注入查找到该组件的上层宿主元素为止；
• @Component标注的viewProviders元数据：本组件使用的注入名称可以从viewProviders列表查询。viewProviders对子组件树不可见，因此如果是某个子组件查询同名的注入名称，则可以继续向上层组件查询。

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