当我在输入type =“ number”中输入'e'字符时,数字将被放入角度字段

时间:2018-10-17 14:19:08

标签: angular angular6 angular-ngmodel

我需要阻止可以输入输入类型编号的'e'值,所以这是我的html文件:

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

在我的ts班上

money:number;

有人可以帮助我吗?我想阻止在输入类型编号中插入值'e'的可能性。

1 个答案:

答案 0 :(得分: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)">