Ограничение количества символов только цифрами в Angular 8

Question

В <input type="number"> мне нужно ограничить число, которое можно ввести, до 7. Более того, на Chrome я могу вводить только числа, но не на Firefox или IE.

<input type="number" id="myInputNumber" name="myInputNumber" [pattern]="myPattern"
[(ngModel)]="myModel" maxlength="7"  #fooModel="ngModel">

Я знаю, что номер типа не поддерживается на Firefox, поэтому есть функция, которая позволяет мне достичь цели во всех трех браузерах?

Answer 1

maxlength игнорируется на type="number" по дизайну.

Вам нужно будет реализовать специальную директиву. Вот руководство , которому вы можете следовать.