确保在调用对话框关闭方法时使用的是正确的 MatDialogRef 实例。
在调用对话框关闭方法之前,请确保填充 MatDialogRef 实例中的数据已加载完毕,否则可能会导致对话框无法正确关闭。
以下是一个示例,该示例使用MatDialogRef当用户单击对话框中的确认按钮时关闭对话框:
import { Component, Inject } from '@angular/core'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-dialog-component',
templateUrl: 'dialog.component.html',
})
export class DialogComponent {
constructor(
public dialogRef: MatDialogRef
onConfirmClick(): void { // 此处执行自定义的关闭操作 this.dialogRef.close(); } }
在这个例子中,对话框通过调用MatDialogRef实例的close方法来关闭。确保在代码中正确使用MatDialogRef实例,将不会出现Angular Material对话框无法关闭的问题。