垫子对话框内的垫子表

Question

我想在对话框中创建一个表格，这样当用户单击链接时，他们可以在对话框中看到该表格。

我创建了 mat-table 和对话框。唯一的问题是 dialog.open() 函数将组件作为参数，因此对话框再次显示所有页面。有没有办法给它表格ID或其他东西，以便我只能在其中显示特定表格？

constructor(public dialog: MatDialog) { }
  
openDialog() {
  this.dialog.open(UserProfileComponent);
}

html <a value="case1" (click)="openDialog()">Click for details</a>

Answer 1

在ts 中打开弹出窗口：

this.dialog.open(DialogOverviewExampleDialog, {
  data: {id: someId}
});

在弹出窗口中：

  constructor(
    public dialogRef: MatDialogRef<DialogOverviewExampleDialog>,
    @Inject(MAT_DIALOG_DATA) public data: DialogData) {
    if(data.id) {
     // do something
    }
  }