如何在Angular 2中的模块之间共享组件?

前端之家收集整理的这篇文章主要介绍了如何在Angular 2中的模块之间共享组件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我对如何在Angular 2中的模块之间共享组件存在疑问.重点是:我在应用程序中有两个模块,“客户模块”和“供应商模块”.

这些模块在其组件中都使用了AddressComponent和EmailComponent.他们也都使用接口地址和电子邮件.

现在,我目前有很多重复,因为我已经在这两个模块上复制并粘贴了这些组件和接口.这显然是完全错误的.

我需要一种方法来导入要在两个模块上使用的组件.但我不知道该怎么做.

我应该为这个共享的东西创建另一个模块并导入它们吗?在Angular 2中共享模块之间的组件的正确方法是什么?

创建一个共享的NgModule,它将具有所有通用的Component / Service / Pipe.通过这样做,您将避免代码重复.它将使代码模块化,可插拔和测试.

为了使用AddressComponent&其他模块中的EmailComponent,您需要从共享模块中导出它们:

@NgModule({
   imports: [CommonModule],declarations: [AddressComponent,EmailComponent],providers: [MySharedService],exports: [AddressComponent,})
export class SharedModule() { }

在使用SharedModule时,您所要做的就是导入SharedModule

@NgModule({
   imports: [CommonModule,SharedModule,... ],providers: [..]
})
export class CustomersModule() { }

猜你在找的Angularjs相关文章