为 Angular service 注册 provider 的三

对于要用到的任何服务(service)，你必须至少注册一个提供者(provider)。服务可以在自己的元数据中把自己注册为提供者，这样可以让自己随处可用。或者，你也可以为特定的模块或组件注册提供者。

要注册提供者，就要在服务的 @Injectable() 装饰器中提供它的元数据，或者在 @NgModule() 或 @Component() 的元数据中。

换言之，Angular 提供三种方式的服务注册机制：

• 在服务自己实现代码里使用注解 @Injectable()
• 在 @NgModule() 里注册
• 在 @Component() 里注册

默认情况下，Angular CLI 的 ng generate service 命令会在 @Injectable() 装饰器中提供元数据来把它注册到根注入器中。

下图是一个例子：

当你在根一级提供服务时，Angular 会为 HeroService 创建一个单一的共享实例，并且把它注入到任何想要它的类中。这种在 @Injectable 元数据中注册提供者的方式还让 Angular 能够通过移除那些从未被用过的服务来优化大小, 即所谓的摇树优化 - tree shaking.

当你使用特定的 NgModule 注册提供者时，该服务的同一个实例将会对该 NgModule 中的所有组件可用。要想在这一层注册，请用 @NgModule() 装饰器中的 providers 属性：

例子：

@NgModule({
  providers: [
   BackendService,
   Logger
 ],
 ...
})

当你在组件级注册提供者时，你会为该组件的每一个新实例提供该服务的一个新实例。 要在组件级注册，就要在 @Component() 元数据的 providers 属性中注册服务提供者。

例子：

@Component({
  selector:    'app-hero-list',
  templateUrl: './hero-list.component.html',
  providers:  [ HeroService ]
})