是否可以跨多个项目共享角度组件?

Alo*_*oni 5 angular-module angular-components angular

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

比方说,我有一个CustomerComponent,它执行 CRUD 操作。

现在我想CustomerComponent在项目A和项目B中使用。原因是如果我必须修改. CustomerComponent,我只能在一个地方修改而不是多个项目。

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

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

提前致谢。

Sid*_*era 5

是的。这绝对是可能的。您应该通过创建一个单独的模块来实现这一点,该模块将在其上注册该组件。然后你可以从这个模块中导出这个组件,然后将这个模块导入到你想使用这个组件的项目的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 中使用其导出的功能。