как отправить данные из функции в диалог angular материалов?

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

Из вашего компонента, в котором вы создаете экземпляр Dialog Component, нам необходимо отправить данные в Dialog, как показано ниже:

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

Надеюсь, это поможет решить вашу проблему.