如何在entryComponents中使用模块中的组件另一个模块？

Question

我有ngx-bootstrap模态组件。 此模式用于shared文件夹中。 我在DashboardModule使用这个FirstModalComponent ，如：

// Dashboard.module.ts
import { FirstModalComponent } from '../../shared/modals/first-modal/first-modal.component';

@NgModule({
  declarations: [
    DashboardComponent
  ],
  imports: [
    CommonModule,
    ReactiveFormsModule,
    RouterModule.forChild(routes),
    SharedModule
  ],
  entryComponents: [
    FirstModalComponent 
  ]
});

如果我想将我的FirstModalComponent作为模块，我应该如何在我的DashboardModule实现它并在entryComponents定义它？

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { FirstModalModule } from './first-modal/first-modal.module';

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    FirstModalModule
  ],
  exports: [
    CommonModule,
    FirstModalModule
  ]
})
export class ModalsModule { }

然后我在SharedModule导入/导出此ModalsModule并尝试将共享模块导入DashboardModule 。

我现在如何将我的FirstModalComponent注入FirstModalComponent中的entryComponents ？

当我尝试导入FirstModalComponent并将其放入entryComponents时，我收到错误： Component is part of the declaration of 2 modules 。

PS我不确定将它作为模块是个好主意..

Answer 1

您应该只在一个module声明FirstModalComponent 。 它可以是一个模块的一部分并由它们导出，并且可以定义为它自己的模块的entryComponent 。

对于您的情况，请将其声明为

entryComponents: [ FirstModalComponent ]

对于FirstModalModule和导出FirstModalComponent从FirstModalModule 。 当您在ModalsModule或应用程序中的任何其他模块中导入FirstModalModule时，它将按预期工作。

确保ModalsModule和SharedModule根据您的使用导出此FirstModalModule 。 如果要通过将SharedModule导入DashboardModule来使用它，则必须从SharedModule导出。