angular - 我在材质对话框中有一个角度材质菜单。按 ESC 时，菜单和对话框都关闭。如何防止对话框在 ESC 上不关闭？

Question

我在垫子对话框中有一个垫子菜单。打开对话框然后打开其中的菜单后，我按 esc 关闭菜单，但菜单和对话框都关闭了。如何只关闭菜单而不是用 ESC 关闭对话框？

可以在这里复制。 https://stackblitz.com/edit/angular-wzau6u

Answer 1

您可以添加disableClose: true到dialogRef配置中，以防止对话框关闭按esc。Dialog 组件的 API 中对此进行了说明。

disableClose: boolean
用户是否可以使用转义或单击背景来关闭模式。

openDialog(): void {
  const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
    width: '250px',
    data: {name: this.name, animal: this.animal},
    disableClose: true
  });

  dialogRef.afterClosed().subscribe(result => {
    console.log('The dialog was closed');
    this.animal = result;
  });
}

请参阅此更新的 StackBlitz以供参考。