Alo*_*oni 5 angular-module angular-components angular
我是 Angular 的新手,刚刚开始学习。我有一种情况,我喜欢在多个项目中使用相同的组件。
比方说,我有一个CustomerComponent,它执行 CRUD 操作。
现在我想CustomerComponent在项目A和项目B中使用。原因是如果我必须修改. CustomerComponent,我只能在一个地方修改而不是多个项目。
是否可以创建这样的组件?
如果可能,请指导我如何完成这一任务。
提前致谢。
是的。这绝对是可能的。您应该通过创建一个单独的模块来实现这一点,该模块将在其上注册该组件。然后你可以从这个模块中导出这个组件,然后将这个模块导入到你想使用这个组件的项目的app模块中。
例如,假设您有一个核心模块,如下所示:
@NgModule({
declarations: [CustomerComponent],
exports: [CustomerComponent],
})
export class CoreModule{}
Run Code Online (Sandbox Code Playgroud)
在这里,我们已经声明了一个名为的组件,CustomerComponent并且我们还从中导出了它CoreModule
所以现在,如果说,你有两个不同的项目,它们的根模块是 AppModule,在这两个项目中,你必须导入这个CoreModule. 像这样的东西:
@NgModule({
imports: [CoreModule],
})
export class AppModule{}
Run Code Online (Sandbox Code Playgroud)
一旦完成,CoreModule 将被注册为一个模块,然后可以在您的 AppModule 中使用其导出的功能。
| 归档时间: |
|
| 查看次数: |
6064 次 |
| 最近记录: |