角度材质对话框并禁用可选项卡元素的自动聚焦

Question

该文件内容如下：

对话框打开后，对话框将自动聚焦第一个可选项卡元素。

您可以使用 tabindex 属性控制哪些元素是制表位。

我在文档或配置选项中看不到任何允许您完全禁用此功能而无需在每个可选项卡元素上使用额外标记的内容。这似乎有点不必要和凌乱。

例如 <p>Contact us on <a href="mailto:email@email.com" tabindex="-1">email@email.com</a></p>

是否有我缺少的配置选项？如果没有，我愿意接受有关如何最好地解决此问题的任何指导。

Answer 1

您可以在配置中将一个autoFocus属性设置为 false，以防止这种情况发生。在对话框配置源中找到它。

Answer 2

为了清楚起见，这里有一个例子。

let dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
    autoFocus: false,
    width: '800px',
    disableClose: true,
    data: { 'data': data}
});

第二行 (autoFocus: false) 将禁用对话框的自动对焦。

你可以从这里看到更多。