代码之家 › 专栏 › 技术社区 › Sameer

为延迟加载的模块创建公共模块

lazy-loading angular

1

Sameer · 技术社区 · 8 年前

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

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

我如何避免这种情况,并且只在主模块中包含它,并在所有子模块中使用它?

1 回复 | 直到 8 年前

1

0

Hitesh Kansagara 8 年前

您必须在应用程序模块中导入烤面包机模块,并在应用程序模块中导出它,然后您可以随时随地使用它

@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 { }