延遲加載角度2模塊

Question

我有一個帶有3個模塊的angular 2項目。 AppModule，共享模塊和延遲加載的模塊。 我希望兩個模塊（延遲加載和App）都導入共享模塊，以便它們都可以使用共享模塊提供的管道等。 這可能嗎？

我已經嘗試過，但是收到錯誤消息，告訴我共享模塊已經加載。 並且僅將其加載到AppModule中，然后延遲加載的模塊將無法訪問提供的元素。

我是否誤解了角度模塊？

Answer 1

是的，您可以將共享NgModule用於延遲和非延遲模塊

app / shared / shared.module.ts

import { NgModule } from '@angular/core';
import { MustSharedService } from './must-shared.service';

@NgModule({
  providers: [MustSharedService]
})
export class SharedModule {}

app / app.module.ts

import { SharedModule } from './shared/shared.module';

@NgModule({
  imports: [
    SharedModule,
    ...
  ],
})
export class AppModule {}

app / lazy / lazy.module.ts

import { SharedModule } from '../shared/shared.module';

@NgModule({
  imports: [
    SharedModule,
    ...
  ],
})
export class LazyModule {}

從那里有任何服務，例如，您在SharedModule中提供的服務將在兩個模塊中均可用。

請參閱此演示https://plnkr.co/edit/L2ypUQZiltSPXnLlxBoa?p=preview