角度材料输入单击时全选？

【问题标题】：Angular Material Input Select All on Click?角度材料输入单击时全选？
【发布时间】：2018-06-22 23:03:34
【问题描述】：

非常直接的问题。当我单击输入字段时，我想选择所有文本，因此当我开始输入时，它会覆盖以前存在的内容。有人知道怎么做吗？

【问题讨论】：

【解决方案1】：

似乎以下应该工作：

<input matInput (click)="$event.target.select()">

【讨论】：

确实如此！ ty
我意识到当有人“点击”它时专门提出的问题......但我认为最好关注焦点：(focus)="$event.target.select()" 这样如果你在里面点击字段来移动光标，您最终不会重新选择所有内容。

【解决方案2】：

最适合我的是 onfocus="this.select()"

<input matInput onfocus="this.select()">

【讨论】：

【解决方案3】：

如果你使用的是angular material 1.x，你可以使用md-select-on-focus

<md-input-container>
  <label>Auto Select</label>
  <input type="text" md-select-on-focus>
</md-input-container>

这个链接可以帮到你md-select-on-focus

【讨论】：