Angular Material对话框并禁用自动对焦于tabbable元素

Question

documentation读取：

  

对话框打开后，对话框将自动聚焦第一个tabbable元素。

     

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

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

例如SELECT emp.[emp_ln], emp.[emp_fn], empb.[emp_id], bld.bld_name FROM Employees as emp JOIN [dbo].[empbld] as empb on empb.[emp_id] = emp.[emp_id] JOIN [dbo].[bl] as bld on bld.[bld_num] = empb.[bld_num] Where emp.[emp_status] = ‘A’

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

Answer 1

您可以在配置中将autoFocus属性设置为false，以防止这种情况发生。在source code here

中找到它

Answer 2

这里只是要清楚一点。

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

第二行（autoFocus：false）将禁用对话框上的自动对焦。

您可以从here了解更多信息。