angularjs - 如何使百分比格式的输入在最新的 AngularJS 上工作？

Question

我看到了这个解决方案 http://jsfiddle.net/gronky/GnTDJ/它有效。也就是说，当你输入 25 时，它被推回到模型中为 0.25

HTML:

<script type="text/javascript" ng:autobind
        src="http://code.angularjs.org/0.9.17/angular-0.9.17.js"></script>
<script>
function Main() {
    this.var = '1.0000';
}
</script>
<div ng:controller="Main">
    <input type="text" name="var" ng:format="percent">
    <pre>var = {{var|json}}</pre>
</div>​

JavaScript:

angular.formatter('percent', {
  parse: function(value) {
    var m = value.match(/^(\d+)\/(\d+)/);
    if (m != null)
      return angular.filter.number(parseInt(m[1])/parseInt(m[2]), 2);
    return angular.filter.number(parseFloat(value)/100, 2);
  },
  format: function(value) {
    return angular.filter.number(parseFloat(value)*100, 0);
  },
});
​

我试着让它在最新的 AngularJS 上工作，但它不再工作了 http://jsfiddle.net/TrJcB/也就是说，当您输入 25 时，它也被推回为 25，它不会将正确的 0.25 值插入模型。

或者也许已经有一个内置的百分比格式化程序？我也想要货币格式化程序，或者逗号分隔的数字。

Answer 1

另一种实现百分比过滤器的方法(适用于 angular#~1.2):

angular.module('moduleName')
.filter('percentage', ['$filter', function($filter) {
    return function(input, decimals) {
        return $filter('number')(input*100, decimals)+'%';
    };
}]);

如何使用它:

<span>{{someNumber | percentage:2}}</span>