我一直在关注PluralSight中的Angular 2入门,我看到创建的一些服务被注入App组件和模块组件中.
这是一个例子：
在Angular 2中创建RouterGuard时,创建的RouterGuard服务将注入模块级别,但某些自定义服务仅注入App Component级别.我的问题是,我应该何时将服务注入到模块级别以及何时仅注入App组件级别.
谢谢！
实际上,您可以在模块级别和组件级别提供服务.您可以在模块级别提供服务,方法是将其列在NgModule的providers数组中,如下所示：
@NgModule({
declarations: [
...
],imports: [
...
],providers: [MyService],bootstrap: [AppComponent]
})
执行此操作时,您将在整个模块和所有子项中提供相同的实例.
但是,有时您可能希望为组件提供单独的服务实例.在这种情况下,您可以通过在组件装饰器的providers数组中列出它来在组件级别提供服务,如下所示：
@Component({
templateUrl: './app.component.html',providers: [MyService]
})
这为该组件提供了一个新的服务实例.
想要在模块级别提供服务的一个示例是,您将使用服务来保存由多个组件共享的数据.这可以使用存储在服务中但由多个组件使用的变量或可观察对象.另一次你想要在Module级别提供服务的是你的服务是无状态的(只返回来自Http调用的observable).在这些场景中,拥有共享实例是有意义的.
其他时候,您可能希望提供也包含数据的服务,但您希望每个组件都拥有自己的实例.在这种情况下,在组件级别提供服务是有意义的.
希望有所帮助.
