Angular Тип ввода ПАРОЛЬ и НОМЕР

Question

Как мне сделать так, чтобы поле ввода принимало только числа (не позволяло вводить ЛЮБЫЕ буквы), а также скрыть введенные значения? Это чувствительное число. Это также должно поддерживать валидацию max и minlength на 4.

Вот что не работает:

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

Answer 1

Попробуйте это регулярное выражение для своего шаблона

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

Answer 2

Не забудьте также установить валидатор angular для этого поля формы (собственный валидатор или валидатор шаблона)