angular - 类型错误 : Cannot read property 'open' of undefined. 对话框 Material Angular

Question

我正在创建一个对话框，但出现错误:错误类型错误:无法读取未定义的属性“open”在 AppComponent.openDialog (app.component.ts:53)

这是第 53 行:constdialogRef = this.dialog.open(DialogComponent);代码如下:

        const dialogRef = this.dialog.open(DialogComponent);
    
        dialogRef.afterClosed().subscribe(result => {
          console.log(`Dialog result: ${result}`);
        });
    }

我添加到app.component.ts

import { DialogComponent } from '../dialog/dialog.component';

在 module.ts 中

import { DialogComponent } from './pages/dialog/dialog.component';

我将 MatDialogModule 添加到导入中EntryComponents:[DialogComponent]，我还声明了DialogComponent。

我不知道为什么我有一个错误 TypeError:无法读取未定义的属性“open”在 AppComponent.openDialog (app.component.ts:53)。

感谢您的帮助:)

Answer 1

    constructor(private dialog: MatDialog){}

确保您在使用 MatDialog 的地方注入(inject)了它。在你的例子中，它是 AppComponent 的构造函数