Когда я вводю символ 'e' в поле ввода type = "number", число вводится в поле угловое

Question

Мне нужно заблокировать значение 'e', ​​которое я могу вставить в номер типа ввода, так что это мой HTML-файл:

<input type="number" class="form-control" [(ngModel)]="money" name="money" required min="0" step="0.01" >

в моем классе TS

money:number;

Кто-нибудь может мне помочь?Я хочу заблокировать возможность вставки значения 'e' в номер типа ввода.

Answer 1

Вы можете использовать событие keypress на входе для предотвращения ввода e.Вам нужно создать метод в качестве обработчика в классе компонентов.

Попробуйте это:

preventE(event) {
  if (event.which === 101) {
    event.preventDefault();
  }
}

Шаблон:

<input 
  type="number" 
  class="form-control" 
  [(ngModel)]="money" 
  name="money" 
  required 
  min="0" 
  step="0.01" 
  (keypress)="preventE($event)">