如何将数据从函数发送到 angular material 对话框？

Question

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

    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; }

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

如何将数据从函数发送到 angular material 对话框？

how to send data from the function to angular material dialog?

modal-dialog

angular-material

angular8