一个可以同时显示多个Mat-对话框吗

import { Component } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { DialogComponent } from './dialog/dialog.component';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="openDialog('dialog1')">Open Dialog 1</button>
    <button (click)="openDialog('dialog2')">Open Dialog 2</button>
  `
})
export class AppComponent {
  constructor(public dialog: MatDialog) {}

  openDialog(dialogId: string) {
    this.dialog.open(DialogComponent, {
      data: { dialogId },
      panelClass: 'custom-dialog-container'
    });
  }
}

import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';

@Component({
  selector: 'app-dialog',
  template: `
    <h1 mat-dialog-title>Dialog {{ data.dialogId }}</h1>
    <div mat-dialog-content>
      This is dialog {{ data.dialogId }}.
    </div>
    <div mat-dialog-actions>
      <button mat-button (click)="onNoClick()">Cancel</button>
      <button mat-button [mat-dialog-close]="true">OK</button>
    </div>
  `
})
export class DialogComponent {
  constructor(
    public dialogRef: MatDialogRef<DialogComponent>,
    @Inject(MAT_DIALOG_DATA) public data: { dialogId: string }
  ) {}

  onNoClick(): void {
    this.dialogRef.close();
  }
}