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

发布时间：2020-12-17 07:30:54 所属栏目：安全来源：网络整理

导读：我对如何在Angular 2中的模块之间共享组件存在疑问.重点是：我在应用程序中有两个模块,“客户模块”和“供应商模块”. 这些模块在其组件中都使用了AddressComponent和EmailComponent.他们也都使用接口地址和电子邮件. 现在,我目前有很多重复,因为我已经在这

我对如何在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() { }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!