angular - 如何从被调用组件内部访问MatDialogConfig？

我在水疗中心内使用MatDialog，需要将MatDialogConfig传递给已调用的组件。有什么办法吗？

最佳答案

您可以使用componentInstance的MatDialogRef<T>。只需获取对话框的引用即可获取MatDialogRef：

打开对话框的方法：

openDialog(dialogConfig: MatDialogConfig) {
  let dialogRef = this.dialog.open(MyDialogComponent);
  // You can rename the dialogConfig instance to whatever you want. See the next code snippet for more info.
  dialogRef.componentInstance.dialogConfig = dialogConfig;
}

对话框组件：

export class MyDialogComponent implements OnInit {
  // Rename the property to whatever you want it to be
  dialogConfig: MatDialogConfig;
  ngOnInit() {
    console.dir(`Dialog config: ${this.dialogConfig}`);
  }
}