角材料输入点击全选？

Question

Pretty straight-forward question. When I click on an input field I want to select-all the text so when I start typing it over-writes what was previously there. Anyone know how to do this?

Answer 1

Seems the following should work:

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

Example

Answer 2

对我来说最有效的是onfocus="this.select()"

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

Answer 3

If you are using angular material 1.x, you can use md-select-on-focus

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

This link can help you md-select-on-focus