angular - 有没有一种方法可以在现有的 mat-dialog 上创建 mat-dialog？

Question

我想通过单击第一个垫子对话框上的按钮在现有垫子对话框上创建第二个垫子对话框。

虽然第二个垫子对话框正在打开，但它使第二个消失了。

有没有办法可以保留第一个垫子对话框？

创建第一个对话框的功能：

onAddNewTask() {
    const dialogConfig = new MatDialogConfig();

    dialogConfig.disableClose = true;
    dialogConfig.autoFocus = true;

    const dialogRef = this.dialog.open(NewTaskComponent, dialogConfig);

    this.usersDataService.setNewTaskComponentRef(dialogRef);

    dialogRef.afterClosed().subscribe(result => {
      console.log("Result of new task form",result);
    });
  }

NewTaskComponent 有一个按钮来创建第二个对话框。

 <div>
      <button class="add-task-form-button" mat-stroked-button (click)="addItems()">Add</button>
      <button class="add-task-form-button" mat-stroked-button (click)="removeItems()">Remove All</button>
      </div>

创建第二个对话框的函数：

addItems() {

const dialogConfig = new MatDialogConfig();

dialogConfig.disableClose = true;
dialogConfig.autoFocus = true;

const addItemdialogRef = this.dialog.open(AddItemComponent, {
  height: 'auto',
  width: '800px',
});

this.usersDataService.setAddItemComponentRef(addItemdialogRef);

addItemdialogRef.afterClosed().subscribe(result => {
  console.log("Result of add item close", result);
});

}