Angular Input Type PASSWORD and NUMBER

Question

How do I make my input field only accept numbers (don't allow ANY letters to be inputted) and also hide the inputted values? It is taking a sensitive number. This also needs to keep the max and minlength validation at 4.

Here is what is not working:

<input matInput type="password" pattern="[0-9]*"  minlength="4" maxlength="4" placeholder="Last Four of SSN" formControlName="ssn" required>

Answer 1

Try this regex for your pattern

[pattern]="'^[0-9]{4}$'"

Answer 2

Do not forget to set also the angular validator for this form field (own validator or pattern validator)