如何将数据从函数发送到角度材料对话框?

Question

>我通过单击表格的行获得了数据。现在我得到了数据，那么如何将数据发送到对话框组件并使用它？

rowClicked(data) {
console.log("row data");
console.log(data);
const dialogRef = this.dialog.open(DashboardTableDialogComponent, {
scrollStrategy: new NoopScrollStrategy(),
});
dialogRef.afterClosed().subscribe((result) => {
console.log(`Dialog result: ${result}`);
});
}

Answer 1

从创建对话框组件实例的组件中，我们需要将数据发送到对话框，如下所示：

const dialogRef = this.dialog.open(DashboardTableDialogComponent, { scrollStrategy: new NoopScrollStrategy(), data : data //This is where you can pass data to your dialog component. });

在 DashboardTableDialogComponent 中，通过依赖关系注入获取数据，如下所示：

private data:any; constructor ( @Inject(MAT_DIALOG_DATA) public data: any, ...) { this.dataFromParent = data; }

希望这应该对您的问题有所帮助。