如何在Angular Material模态框中取消按钮的自动聚焦？

Question

当我们把按钮放在 Angular Material 对话框中时，它会自动将焦点设置在该模态框中的第一个按钮上。

Stackblitz 示例

- mani singh

---

你可以为每个按钮添加 "tabIndex=-1"。 - Eliseo

Answer 1

您可以将 autofocus = false 属性添加到对话框中以禁用自动聚焦。

以下是示例：

const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
   width: '250px',
   data: {name: this.name, animal: this.animal},
   autoFocus: false 
});

- Khai Kiong

---

在短语“autofocus = false”中，“autofocus”一词应为“autoFocus”。字母“f”应大写。 - Duke Caesar