为 Angular service 注册 provider 的三种方式
對于要用到的任何服務(wù)(service),你必須至少注冊一個提供者(provider)。服務(wù)可以在自己的元數(shù)據(jù)中把自己注冊為提供者,這樣可以讓自己隨處可用。或者,你也可以為特定的模塊或組件注冊提供者。
要注冊提供者,就要在服務(wù)的 @Injectable() 裝飾器中提供它的元數(shù)據(jù),或者在 @NgModule() 或 @Component() 的元數(shù)據(jù)中。
換言之,Angular 提供三種方式的服務(wù)注冊機制:
- 在服務(wù)自己實現(xiàn)代碼里使用注解 @Injectable()
- 在 @NgModule() 里注冊
- 在 @Component() 里注冊
默認情況下,Angular CLI 的 ng generate service 命令會在 @Injectable() 裝飾器中提供元數(shù)據(jù)來把它注冊到根注入器中。
下圖是一個例子:
當你在根一級提供服務(wù)時,Angular 會為 HeroService 創(chuàng)建一個單一的共享實例,并且把它注入到任何想要它的類中。這種在 @Injectable 元數(shù)據(jù)中注冊提供者的方式還讓 Angular 能夠通過移除那些從未被用過的服務(wù)來優(yōu)化大小, 即所謂的搖樹優(yōu)化 - tree shaking.
當你使用特定的 NgModule 注冊提供者時,該服務(wù)的同一個實例將會對該 NgModule 中的所有組件可用。要想在這一層注冊,請用 @NgModule() 裝飾器中的 providers 屬性:
例子:
@NgModule({providers: [BackendService,Logger],... })當你在組件級注冊提供者時,你會為該組件的每一個新實例提供該服務(wù)的一個新實例。 要在組件級注冊,就要在 @Component() 元數(shù)據(jù)的 providers 屬性中注冊服務(wù)提供者。
例子:
@Component({selector: 'app-hero-list',templateUrl: './hero-list.component.html',providers: [ HeroService ] })總結(jié)
以上是生活随笔為你收集整理的为 Angular service 注册 provider 的三种方式的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SAP Spartacus 4.0 源代
- 下一篇: Angular 为什么要引入 injec