как замкнуть модал в угловой 5

Question

Я создал диалог для моей формы.Проблема, с которой я сталкиваюсь, заключается в том, что при нажатии кнопки SUBMIT для отправки формы диалоговое окно не закрывается.Что не так с кодом ниже?Модал открывается, но как мне его закрыть после отправки формы?

modal.ts

openMod(): void {
  const dialogRef = this.dialog.open(FeedbackFormComponent, {
    width: '800px'
  });
}

Answer 1

Вы идете по правильному пути открытия диалогового окна материала.Просто добавьте новую строку, чтобы перехватить событие закрытия.

openDialog(type): void {
  const dialogRef = this.dialog.open(ComponentName, {
    width: '450px',
  });

  dialogRef.afterClosed().subscribe(result => {
     console.log(result);
  });
}

и в своем диалоговом окне, если вы хотите закрыть его по нажатию кнопки, следуйте этому примеру.

button_clicked() {
  // You can also send any data from here to the calling component
  this.dialogRef.close(data);
}