MatDialog Child закрывает родительский MatDialog

Question

У меня есть диалоговое окно, которое используется в качестве формы всплывающего окна. Когда пользователь получает ошибку, появляется диалоговое окно меньшего размера с сообщением об ошибке и кнопкой ОК.

Нажатие ОК закрывает оба окна matDialog.

Как я могу заставить его просто закрыть себя, а не своего родителя?

Parent =

<ng-template #dialogRef let-data>

Child =

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

Я пробовал использовать разные области видимости, но OK, похоже, закрывает все диалоговые окна.

Answer 1

Вы можете закрыть диалог программно с помощью:

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


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