angular裏forRoot的做用

模塊A是這樣定義的

@NgModule({ providers: [AService]， declarations: [ TitleComponent ], exports: [ TitleComponent ], }) export class A {}

若是有惰性模塊lazyModule導入模塊A，那麼會生成子注入器將AService從新生成

這時若是想將AService變成全局惟一的，那麼在lazyModule導入的時候就不要導入providers而只導入TitleComponent

forRoot這時就有用武之地了

改寫A

@NgModule({ providers: []， declarations: [ TitleComponent ], exports: [ TitleComponent ], }) export class A { static forRoot() { return {ngModule: A, providers: [AService]}; } }

在appModule中使用A.forRoot導入A模塊

@NgModule({ imports: [A.forRoot()] }) export class AppModule {}

在lazyModule中正常導入A模塊

@NgModule({ imports: [A] }) export class LazyModule{}