在子模块内部使用父模块中的组件

Question

在我的 Angular 项目中，我尝试使用共享模块中的组件，其中它的子组件被导入到仪表板模块中，但遇到此错误。

1. 如果 app-send-email 是 Angular 组件，则验证它是否是该模块的一部分。
2. 如果“app-send-email”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

app.routing.ts

const routes = [
{ 
    path: 'dashboard',
    loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule)
}]

dashboard.module.ts

    import { SendEmailComponent } from './shared/send-email.component';
    import { SharedDialogComponentModule } from '../shared/shared-dialog-component.module';
    @NgModule({
imports: [SharedDialogComponentModule],
      declarations: [ RecruiterSendEmailComponent ]
    });

shared-dialog-component.module.ts

import { EmailDialogComponent } from '../../dashboard/shared/template/dialog/email-dialog/email-dialog.component';
@NgModule({
  declarations: [EmailDialogComponent],
  entryComponents: [EmailDialogComponent],
  exports: [EmailDialogComponent]
})

email-dialog.component.html

<app-send-email></app-send-email>

谁能帮忙解决这个问题？

Answer 1

嗯，你需要导入模块SharedDialogComponentModule

import { SendEmailComponent } from './shared/send-email.component';
import { SharedDialogComponentModule } from '../shared/shared-dialog-component.module';
@NgModule({
  import: [ SharedDialogComponentModule ]
  declarations: [ RecruiterSendEmailComponent ]
});