angular - 是否可以跨多个项目共享 Angular 组件？

Question

我是 Angular 的新手，刚开始学习。我有一种情况，我喜欢在多个项目中使用相同的组件。

比方说，我有一个 CustomerComponent 并且它执行 CRUD 操作。

现在我想在项目A和项目B中使用CustomerComponent，原因是如果要修改CustomerComponent，只能修改一处而不是多个项目。

是否可以创建这样的组件？

如果可能，请指导我如何完成这一任务。

提前致谢。

Answer 1

是的。这绝对是可能的。您应该通过创建一个单独的模块来做到这一点，该模块将在其上注册该组件。然后，您可以从该模块中导出该组件，并将该模块导入到您要使用该组件的项目的应用程序模块中。

比如说，你有一个核心模块，像这样:

@NgModule({
  declarations: [CustomerComponent],
  exports: [CustomerComponent],
})
export class CoreModule{}

在这里我们声明了一个名为 CustomerComponent 的组件，我们也从这个 CoreModule 导出了它

所以现在，如果说，您有两个不同的项目，它们的根模块是 AppModule，那么在这两个项目中，您都必须导入这个 CoreModule。像这样:

@NgModule({
  imports: [CoreModule],
})
export class AppModule{}

完成此操作后，CoreModule 将被注册为一个模块，然后可以在您的 AppModule 中使用其导出的功能。