angular - MatDialog 子关闭父 MatDialog

Question

我有一个用作弹出窗口表单的对话框。当用户遇到错误时，对话框会弹出一个带有错误消息和确定按钮的小对话框。

单击确定关闭两个 matDialog 窗口。

我怎样才能让它关闭它的自我而不是它的父母？

家长 =

<ng-template #dialogRef let-data>

孩子 =

this.dialog.open(ErrorDialogComponent, { data: message });

我尝试过使用不同的范围，但 OK 似乎关闭了所有对话框窗口。

标签： angulardialogangular-materialmaterial-design

Answer 1

您可以通过以下方式以编程方式关闭对话框：

constructor(private dialogRef: MatDialogRef<MyComponentToClose>){}


closeComponent(){
   this.dialogRef.close()
}