angular - 在 Angular 2/material 的对话框模式中禁用自动对焦

Question

我正在使用 Angular Material-2 中的对话框。

问题是:尤其是在 iPhone 或平板电脑中打开模态对话框时，我无法禁用自动对焦。在 iOS 中，它会自动聚焦对话框中的第一个输入字段!

我尝试使用选项卡索引并在其他输入字段中使用自动对焦它不起作用

我在我的代码中使用 Angular 2，在我的对话框中我使用表单控件。我尝试使用markasuntouched afterviewInit，但我仍然有同样的问题!!

Answer 1

因为 @angular/material@5.0.0-rc.1 在 MatDialogConfig 上有特殊选项 autoFocus

/** Whether the dialog should focus the first focusable element on open. */
autoFocus?: boolean = true;

所以你可以像下面这样使用它:

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

Stackblitz Example