在惰性加载的情况下，你只需要在惰性加载模块中导入MatDialogModule。然后这个模块将能够用它自己导入的MatDialogModule渲染入口组件:

@NgModule({
  imports:[
    MatDialogModule
  ],
  declarations: [
    AppComponent,
    LoginComponent,
    DashboardComponent,
    HomeComponent,
    DialogResultExampleDialog        
  ],
  entryComponents: [DialogResultExampleDialog]

Angular 9.0.0 <

从9.0.0版本的Ivy开始，entryComponents属性就不再需要了。参见弃用指南。

Angular 9.0.0 >

你需要将动态创建的组件添加到@NgModule中的entryComponents中

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    DashboardComponent,
    HomeComponent,
    DialogResultExampleDialog        
  ],
  entryComponents: [DialogResultExampleDialog]

注意:在某些情况下，惰性加载模块下的entryComponents将不起作用，作为一种变通方法，将它们放在你的app.module(根)中

你需要在@NgModule下使用entryComponents。

这适用于使用ViewContainerRef.createComponent()动态添加的组件。将它们添加到entryComponents告诉脱机模板编译器编译它们并为它们创建工厂。

在路由配置中注册的组件也会自动添加到entryComponents中，因为路由器出口也使用ViewContainerRef.createComponent()将路由组件添加到DOM中。

所以你的代码就像

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    DashboardComponent,
    HomeComponent,
    DialogResultExampleDialog        
  ],
  entryComponents: [DialogResultExampleDialog]

虽然整合素材对话是可能的，但我发现这样一个简单功能的复杂性相当高。如果您试图实现非平凡的特性，那么代码将变得更加复杂。

出于这个原因，我最终使用了PrimeNG Dialog，我发现它使用起来非常简单:

m-dialog.component.html:

<p-dialog header="Title">
  Content
</p-dialog>

m-dialog.component.ts:

@Component({
  selector: 'm-dialog',
  templateUrl: 'm-dialog.component.html',
  styleUrls: ['./m-dialog.component.css']
})
export class MDialogComponent {
  // dialog logic here
}

m-dialog.module.ts:

import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { DialogModule } from "primeng/primeng";
import { FormsModule } from "@angular/forms";

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    DialogModule
  ], 
  exports: [
    MDialogComponent,
  ], 
  declarations: [
    MDialogComponent
  ]
})
export class MDialogModule {}

简单地将对话框添加到组件的html中:

<m-dialog [isVisible]="true"> </m-dialog>

PrimeNG PrimeFaces文档易于遵循并且非常精确。

如果有人需要调用对话从服务这里是如何解决这个问题。 我同意上面的一些答案，我的答案是如果有人可能面临问题，在服务中调用对话。

创建一个服务，例如DialogService，然后将你的dialog函数移动到服务内部，并在你调用的组件中添加你的DialogService，如下所示:

 @Component({
  selector: "app-newsfeed",
  templateUrl: "./abc.component.html",
  styleUrls: ["./abc.component.css",],
  providers:[DialogService]
})

否则就会出错

在我的例子中，我将我的组件添加到declarations和entryComponents中，得到了相同的错误。我还需要将MatDialogModule添加到导入。