javascript - 在 AngularJS 的输入字段上应用数字过滤器

Question

我们如何在输入字段上应用数字过滤器？我在非输入字段上显示效果很好。但是，当我在输入字段上设置过滤器时，出现错误。

<input type="number" name="input" ng-model="value2 | number:2"
             min="0" max="99" size="20">

Error: [ngModel:numfmt] http://errors.angularjs.org/1.3.8/ngModel/numfmt?p0=98.77 at Error (native) at http://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:6:416

这是一个用于测试的插件。 number format

Answer 1

您不能将过滤器应用于ng-model。

具体请参阅此答案(未标记为 答案)以获取更多信息: https://stackoverflow.com/a/14425022/1452497

简短而甜美:

...the intention of AngularJS inputs and the ngModel directive is that invalid input should never end up in the model. The model should be always valid.

还要考虑 ng-model 中的 expression 需要从解析器分配。

ng-model="testA" 最终分解为:testA = some-input-value

这不会作为:testA | number:2 = 一些输入值

您应该为此(在 View 之外)使用格式化程序或解析器。