当我将 'e' 字符放入输入类型="number " 时，数字将放入字段 angular

Question

我需要屏蔽可以放入输入类型编号的 'e' 值，所以这是我的 html 文件：

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

在我的 ts class

money:number;

谁能帮帮我？我想阻止在输入类型数字中插入值 'e' 的可能性。

Answer 1

您可以在输入上使用 keypress 事件来阻止 e 的输入。您必须在组件 Class.

上创建一个方法作为处理程序

试试这个：

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)">

当我将 'e' 字符放入输入类型="number " 时，数字将放入字段 angular

When I put 'e' character in input type="number " the number is put in the field angular

angular

angular6

angular-ngmodel