角度2材质输入焦点不起作用 [英] Angular 2 Material input focus not working

问题描述

输入位于模式对话框中.我不知道为什么它不起作用.我查看了官方文档，它列出了焦点，您可以将其传递给该元素，但是它不起作用?

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为焦点的类的属性.您可以使用它来了解您的输入是否集中.您不能使用它来更改焦点状态.
• focus是mdInput上的一种方法，可让您以编程方式集中输入.例如，您可以使用myInput之类的名称来调用myInput.focus().

• focused is a property driving the mat-focused class on mdInputContainer. 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 on mdInput that lets you programmatically focus the input. You can call the myInput.focus() with myInput being something like ViewChild('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>

这篇关于角度2材质输入焦点不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！