要在Angular Material的MatDialog中关闭对话框,可以按照以下步骤进行操作:
import { MatDialogRef } from '@angular/material/dialog';
constructor(public dialogRef: MatDialogRef) { }
close()
方法:this.dialogRef.close();
下面是一个完整的示例代码,演示如何在Angular Material的MatDialog中关闭对话框:
import { Component } from '@angular/core';
import { MatDialogRef } from '@angular/material/dialog';
@Component({
selector: 'app-your-component',
template: `
Dialog Content
`,
})
export class YourComponent {
constructor(public dialogRef: MatDialogRef) { }
closeDialog(): void {
this.dialogRef.close();
}
}
在上面的示例中,当点击"Close"按钮时,将会调用closeDialog()
方法来关闭对话框。
请确保在使用MatDialog打开对话框时,使用的是MatDialogRef
的实例,以便正确地关闭对话框。