限制angular 2中除整数以外的所有字符

Question

我尝试了按键事件，但似乎不起作用？

<input type="text" id="txtEmpID" [(ngModel)]="filters.empID" class="form-control"
(keyup)="onKey($event)">


  onKey(event: any) {
        var charCode = event.keyCode;
         if (charCode > 95 && charCode < 106 ) { {
            console.log(charCode);
            return false;
        }
}

我不能使用，因为应用程序使用IE9和不支持这些新HTML5标准的旧浏览器。我知道IE很烂

Answer 1

在看了所有人发表的评论后，我想出了一个办法。

<input type="text" id="txtEmpID" [(ngModel)]="filters.empID" class="form-control" onkeypress="return event.charCode >= 48 && event.charCode <= 57">

做同样事情的其他方法是使用input(keyup)=“onkey($event)”事件并在那里编写逻辑，但有一个catch

if (isNaN(event.target.value)) {
  event.target.value = event.target.value.replace(/[^0-9]/g, '');
  console.log(event.target.value);
}

这段代码将完成这项工作，当用户在textbox中输入数字以外的任何东西时，它将从textbox中清除这些值，但当您试图在javascript中检索筛选框值时，它将显示使用event.target.value.replace(/[^0-9]/g,'')替换的旧值；（整数以外的字符）。我不确定它是特定于angular 2还是我正在使用的其他第三方java脚本库。