将几个数据从 Mat Dialog Angular 4 传回给父级答案

【问题标题】：Pass several data from Mat Dialog Angular 4 back to parent将几个数据从 Mat Dialog Angular 4 传回给父级
【发布时间】：2018-06-01 08:53:34
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案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);
});

【讨论】：