Angular Material Input Select All on Click?

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

What worked best for me is onfocus="this.select()"

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