Bootstrap 中的 Angular2 服务注入

Question

谁能解释一下

bootstrap(MyApp, [provide(Service1, { useClass: Service1})]);

和

bootstrap(MyApp, [Service1]);

Answer 1

完全一样。当用于提供者的令牌是类本身时，您可以使用它。如果您不想在提供者令牌后面提供其他内容，您可以使用 provide 函数和 useClass、useValue、useExisting 或 useFactory。

以下是一些您可能感兴趣的示例：

• Angular 2 - How to get Observable.throw globally
• Inject all Services that implement some Interface

您还可以查看Provider 类的文档：

• https://angular.io/docs/ts/latest/api/core/Provider-class.html

Answer 2

其实没什么区别。

使用这个版本

bootstrap(MyApp, [provide(Service1, { useClass: Service1})]);

只有当类不同时才有意义，比如

bootstrap(MyApp, [provide(XHRBackend, { useClass: MockBackend})]);

在请求XHRBackend 时传递MockBackend（是构造函数参数的类型。

constructor(private backend:XHRBackend) {}

会得到一个 MockBackend 实例传入。

如果您只想在请求Service1 时传递Service1

bootstrap(MyApp, [Service1]);

会的。