如何使用角度材料以角度将弹出窗口中的数据绑定到父页面

【问题标题】：How to bind data from popup to parent page in angular using angular material如何使用角度材料以角度将弹出窗口中的数据绑定到父页面
【发布时间】：2018-10-25 00:06:52
【问题描述】：

我已经实现了一个示例 Angular 应用程序，在弹出窗口中有两个数据表。我在那里实现了将数据行从一个表交换到另一个表。

我在弹出页面中有一个保存按钮，我需要在点击保存按钮时将弹出页面中的数据表绑定到父页面。

但是当我试图从控制台中的 saveToParentPage() 函数中获取数据时，我无法从控制台中的第二个表中获取数据。

请访问我的sample app here

谁能帮助我如何从弹出窗口中获取数据并在我的父页面中从弹出窗口中显示第二个表格？

【问题讨论】：

标签： angular angular-material

【解决方案1】：

如果我正确理解您的问题，我相信您打印出错误的变量。

saveToParentPage (){
   console.log(this.checkedDataSource.data);
}

为了将数据传递给父组件，您需要通过dialogRef.close MatDialogRef 传递它

saveToParentPage (){
    this.dialogRef.close(this.checkedDataSource.data);
}

您将使用afterClosed observable 在父母处收到它，

dialogRef.afterClosed().subscribe(result => {
    console.log('from the parent component', result);
});

希望这会有所帮助。 stackblitz

【讨论】：

非常感谢您的反馈......是的，我可以在控制台中获取数据。