将几个数据从Mat Dialog Angular 4传递回父级

Question

我的项目中有一个mat对话框组件 当我按下确认按钮时，我打电话

  onCloseConfirm(data) {
    this.thisDialogRef.close('Confirm');
    console.log("conf data", data);
  }

在我的父母中，我订阅了传递数据（在我的案例中'确认'）;

   dialogRef.afterClosed().subscribe(result => {
      console.log(`Dialog closed: ${result}`);
});

我想做的是通过data。所以我想传递'Confrim'消息+ data。有可能吗？

Answer 1

您可以将任何内容传递给close方法，因此您可以传递以下内容：

 onCloseConfirm(data) {
    this.thisDialogRef.close({
       message: 'Confirm',
       data
    });
    console.log("conf data", data);
  }

然后，在afterClosed处理程序中：

dialogRef.afterClosed().subscribe(result => {
  console.log(`Dialog closed: ${result.message}`, result.data);
});