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

【问题标题】：When I put 'e' character in input type="number " the number is put in the field angular当我将 'e' 字符放入输入 type="number" 时，数字被放入字段 angular
【发布时间】：2018-10-17 14:19:07
【问题描述】：

我需要阻止可以放入输入类型编号的“e”值，所以这是我的 html 文件：

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

在我的 ts 课上

money:number;

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

【问题讨论】：

标签： angular angular6 angular-ngmodel

【解决方案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)">

【讨论】：

该代码可以正常工作，但并不完美，因为该代码块也具有 , 等字符。 - 我必须在输入 type="number" 中使用
还需要删除 '+' 对不起，我忘记了！