如何使输入成为视图的默认输入字段？答案

【问题标题】：How to make an input a default input field of a view?如何使输入成为视图的默认输入字段？
【发布时间】：2020-02-06 19:34:49
【问题描述】：

在 Angular 应用程序中，有多个具有不同输入的视图。当用户进入视图时，他需要单击输入字段来输入值。在移动设备上，这是预期的行为，因为用户必须打开键盘小部件才能输入，所以他需要单击该字段来输入数据是好的。但在计算机上不需要打开键盘小部件.用户可以直接输入。我的问题是：如何使输入字段“默认”，以便当用户开始在计算机（或任何其他带键盘的设备）上输入时，“默认”输入字段将聚焦并获取输入的字符串？比如：

<input defaultInputOfAView="true"></input>

【问题讨论】：

标签： javascript angular input frontend

【解决方案1】：

你可以使用autofocus来实现。

<input defaultInputOfAView="true" autofocus></input>

【讨论】：

【解决方案2】：

还有一个很好的解决方案（除了autofocus 只触发一次）：

<div>
  <input #myInputRef>
  {{myInputRef.focus()}}
</div>

【讨论】：