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);
}

如何以角度5关闭模态

1 个答案: