如何将货币过滤器应用于输入类型 = 数字？在 Angularjs 中

Question

我使用货币 $filter 并格式化 type="text" 的输​​入。

现在我该如何为 input type="number" 做同样的事情？

如果你输入除数字以外的任何字母，Angularjs 会将模型设置为未定义。

任何帮助将不胜感激。

Answer 1

基本上你不能在 type="number" 中做到这一点。该类型本身表示它不会包含除数字之外的任何字母字符，即使您输入逗号 (,)，它也会从输入中截断。但你可以通过其他方式做到这一点。

按照以下步骤操作：

• 在您输入数字的地方创建一个文本输入。数字输入应位于文本输入的顶部，最初是不可见的。
• 当你点击文本类型输入时，数字类型输入应该是可见的。
• 在数字输入时添加 focusOut 事件。当您在数字输入中输入任何数字时，您会应用自定义过滤器或条件，然后在文本类型输入中设置值并隐藏您的数字类型输入。
• 确保文本类型输入的样式与数字类型输入匹配。