angular 2 材质输入默认焦点移除

Question

我有一个带有一个文本输入的对话框，一些单选按钮和确定取消。当对话框打开时，光标在文本输入内闪烁，这意味着占位符文本已缩小且难以阅读。占位符文本类似于“在此框中描述问题的详细信息”。如何删除 angular 2 中的默认自动对焦？作为一个黑客，即使我能以某种方式使占位符不缩小，我也很好。请指教。使用角度材料控制。

Answer 1

在配置对象中，dialog.open()您可以将autofocus属性设置为false.

this.dialog.open(SomeComponent, {
  width: '100px',
  data: {},
  autoFocus: false
})

Answer 2

另一种解决方案是将对话框输入的 tabindex 设置为 -1。

<button tabindex="-1" #closeAuthPanelButton mat-icon-button>
  <mat-icon (click)="emitAuthPanelClose()">close</mat-icon>
</button>