如何处理Angular 4打字稿中的无效十进制值？

Question

问题是如果我在'。'之后不输入任何数字，然后显示错误

我需要如下输出

23->确定

5->确定

3.5->确定

1. ->不好

UI代码如下所示

Answer 1

您必须更改您的正则表达式模式。尝试将(\.\d{1,2})?的最后一部分替换为(\.)?(\d{1,2})?。这意味着可以设置.，而不必输入其他两位数字。您可以在regex101.com上使用正则表达式模式。

Answer 2

您可以在Angular 4中使用以下代码

    <input class="k-textbox" format="{0:c2}"  type="number" step="0.01" onkeydown="return event.keyCode !== 69">