为延迟加载的模块制作通用模块

Question

我需要知道的是如何定义通用模块或者我们可以为所有其他子模块使用的整个应用程序说全局。这里如果我使用延迟加载，我必须再次将所有依赖项写入我所有的子模块。我怎样才能避免这种情况并且只在 app.module.ts 文件中定义它。

假设我想在所有子模块中使用 Toaster。我必须将 ToasterModule 包含到所有子模块中。

如何避免这种情况，只将它包含在主模块中并在所有子模块中使用它？

Answer 1

你必须在 app 模块中导入 Toaster 模块，并在 app 模块中导出它，然后你就可以在任何地方使用它了

@NgModule({
  imports: [     
    ToasterModule       
  ],
  declarations: [      
  ],
  exports:[
    ToasterModule
  ],
  providers: [ ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

你也可以像

一样制作通用模块并导出它

@NgModule({
      imports: [     
        ToasterModule,
        ----        
      ]     

    })
    export class CommonModule { }

并将其导入和导出到应用程序模块

@NgModule({
      imports: [     
        CommonModule        
      ],
      exports:[
        CommonModule
      ],
      providers: [ ],
      bootstrap: [ AppComponent ]
    })
    export class AppModule { }

为延迟加载的模块制作通用模块

Make Common Modules for Lazy loaded modules

lazy-loading

angular