时间戳

首页 > 解决方案 > 将几个数据从 Mat Dialog Angular 4 传回给父级

javascript - 将几个数据从 Mat Dialog Angular 4 传回给父级

问题描述

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

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

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

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

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

标签： javascriptangular

解决方案

您可以将任何内容传递给该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);
});

推荐阅读