Angular 5-在输入更改时使用字符串替换更新我的模型

Question

我的要求如下，

我有一个文本字段，该字段只能接受数字。 当我输入其他任何字符时，都不应使用该字符（也就是说，不应在文本框中显示该字符）。 我不能使用输入类型编号，因为它允许“-” ，“ +” 和 e 。

我尝试使用许多事件，例如 ngModelChange ，按键，按键，输入，更改。 但是他们都没有按预期工作。

我在下面的链接中重新创建了我的问题，

https://stackblitz.com/edit/angular-en6w18

任何帮助表示赞赏。 谢谢。

Answer 1

如果输入的字符不是数字，则应调用preventDefault

这是它的工作方式：

https://stackblitz.com/edit/angular-tkaeug

注意：不要忘记允许alt，ctrl，command，backspace等。