Question

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

Answer 1

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

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

Answer 2

在您在dialog.open()中的组件之后传递的配置对象中，可以将autofocus属性设置为false。

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

角度2材质输入默认焦点移除

2 个答案: