Mat-table inside mat-dialog

Question

我想在对话框中创建一个 table，这样当用户单击 link 时，他们可以在对话框中看到 table。

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

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

Mat-table inside mat-dialog

Mat-table inside mat-dialog

typescript

angular-material

angular