Javascript 角度2材质输入默认焦点移除
我有一个对话框,一个文本输入,一些单选按钮和ok cancel。当对话框打开时,光标在文本输入内闪烁,这意味着占位符文本已缩小且难以读取。占位符文本类似于“在此框中描述问题的详细信息”。如何删除angular 2中的默认自动对焦?作为一名黑客,即使我能以某种方式使占位符不缩小,我也很好。请告知。使用角度材质控件 在配置对象中,在Javascript 角度2材质输入默认焦点移除,javascript,angular,typescript,angular-material,Javascript,Angular,Typescript,Angular Material,我有一个对话框,一个文本输入,一些单选按钮和ok cancel。当对话框打开时,光标在文本输入内闪烁,这意味着占位符文本已缩小且难以读取。占位符文本类似于“在此框中描述问题的详细信息”。如何删除angular 2中的默认自动对焦?作为一名黑客,即使我能以某种方式使占位符不缩小,我也很好。请告知。使用角度材质控件 在配置对象中,在对话框.open()中的组件之后传递,您可以将autofocus属性设置为false this.dialog.open(SomeComponent, { width:
对话框.open()中的组件之后传递,您可以将autofocus
属性设置为false
this.dialog.open(SomeComponent, {
width: '100px',
data: {},
autoFocus: false
})
另一个解决方案是将对话框输入的tabindex设置为-1
<button tabindex="-1" #closeAuthPanelButton mat-icon-button>
<mat-icon (click)="emitAuthPanelClose()">close</mat-icon>
</button>
关闭
不工作。没有错误。将尝试创建stackbtlitz。@Gullu刚才添加的autoFocus:false
对于打开的对话框效果很好。