在多个ngModules中使用角度自定义组件

Question

我创建了一个自定义组件，并希望在多个组件中使用它。当我将它直接添加到组件的ngModule中时。然后我得到一个错误，多个ngClass声明组件。我应该把进口/报关单添加到哪里？

我的结构如下：

- Admin
    |- ngModule for Admin
    |- multiple components and each of them has an ngModule **<-- in this I wanna use my custom component**
- Core
    |- some services and so on
    |- custom component **<-- in this I do have my component**
- User
    |- ngModule for User
    |- multiple components and each of them has an ngModule **<-- in this I wanna use my custom component**

Answer 1

最佳实践是创建一个共享模块，该模块将声明和导出所有组件、指令、管道和库模块。

​

@NgModule({
  declarations: [
    // Components, Directives and Pipes
    CustomComponent
  ],
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    MatAutocompleteModule,
  ],
  exports: [
    CommonModule,
    LayoutModule,
    FormsModule,
    ReactiveFormsModule,
    FlexModule,
    FlexLayoutModule,
    ResizableModule,
    TranslateModule,
    // Shared Components, Directive and Pipes
    CustomComponent,
  ]
})
export class SharedModule {}

​