Angular 2 Material 输入焦点不起作用 [英] Angular 2 Material input focus not working
本文介绍了Angular 2 Material 输入焦点不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
输入位于模态对话框内.我不知道为什么它不起作用.我查看了官方文档,并将焦点列为您可以传递给元素的内容,但它不起作用?
The inputs are inside of a modal dialog. I have no idea why it is not working. I looked at the official docs and it listed focus as something you can pass to the element but it's not working?
有人知道为什么吗?
<form class="example-form">
<md-input-container class="example-full-width" style="width: 300px; padding: 5px; border-radius: 10px;">
<input mdInput type="email" name="to" placeholder="Email">
<md-error></md-error>
</md-input-container>
<md-input-container focus focused>
<input mdInput type="text" name="a" placeholder="zzzz" focus focused (focus)="">
</md-input-container>
</form>
推荐答案
您的尝试无效,因为:
focused
是驱动mdInputContainer
上的 mat-focused 类的属性.您可以使用它来了解您的输入是否集中.您无法使用它来更改焦点状态.focus
是mdInput
上的一种方法,可让您以编程方式聚焦输入.例如,您可以调用myInput.focus()
,其中myInput
类似于ViewChild('myInput')
.
focused
is a property driving the mat-focused class onmdInputContainer
. You can use it to know whether your input is focused or not. You cannot use it to change the focus state.focus
is a method onmdInput
that lets you programmatically focus the input. You can call themyInput.focus()
withmyInput
being something likeViewChild('myInput')
for instance.
但是实现您想要的最简单的方法是使用标准的autofocus
属性:
But the simplest way to achieve what you want is to use the standard autofocus
attribute :
<md-input-container>
<input mdInput type="text" name="a" placeholder="zzzz" autofocus>
</md-input-container>
这篇关于Angular 2 Material 输入焦点不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文