将多个数据从Mat Dialog Angular 4返回给父级

Question

当我按下“确认”按钮时，我的项目中有一个垫对话框组件

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