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

Question

我已经实现了一个带有两个数据表的示例角度应用程序。我在这里实现了将数据行从一个表交换到另一个表。

我在弹出页面上有一个保存按钮，单击保存按钮后，我需要将数据表从弹出窗口绑定到父页面。

但是，当我尝试从saveToParentPage（）函数在控制台中获取数据时，我无法从控制台的第二个表中获取数据。

请访问我的sample app here

有人可以帮助我如何从弹出窗口中获取数据并在弹出窗口中在父页面中显示第二个表吗？

Answer 1

如果我正确理解了您的问题，则认为您正在打印错误的变量。

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

为了将数据传递到父组件，您需要将其传递到dialogRef.close MatDialogRef

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

您将使用可观察到的afterClosed

在父级收到它

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

希望这会有所帮助。 stackblitz