Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度2材质输入默认焦点移除_Javascript_Angular_Typescript_Angular Material - Fatal编程技术网

Javascript 角度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:

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

在配置对象中,在
对话框.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
对于打开的对话框效果很好。