Angular 2 Material 输入焦点不起作用

Question

输入在模态对话框中。我不知道为什么它不起作用。我查看了官方文档，它把焦点列为可以传递给元素的东西，但它不起作用？

有人知道为什么吗？

Angular Material - Input Docs

<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>

Answer 1

您的尝试无效，因为:

• focused 是驱动 mdInputContainer 上的 mat-focused 类的属性。您可以使用它来了解您的输入是否被聚焦。您不能使用它来更改焦点状态。
• focus 是 mdInput 上的一种方法，可让您以编程方式聚焦输入。例如，您可以调用 myInput.focus()，其中 myInput 类似于 ViewChild('myInput')。

但是实现你想要的最简单的方法是使用标准的 autofocus 属性:

<md-input-container>
    <input mdInput type="text" name="a" placeholder="zzzz" autofocus>
</md-input-container>