上一篇: AngularJS select：删除空选项并... 下一篇:angularjs – 如果我的url包含路...

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

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何使百分比格式化的输入在最新的AngularJS上工作？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我看到这个解决方案 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.@R_772_10793@er(parseInt(m[1])/parseInt(m[2]),2);
    return angular.filter.@R_772_10793@er(parseFloat(value)/100,2);
  },format: function(value) {
    return angular.filter.@R_772_10793@er(parseFloat(value)*100,0);
  },});

我尝试使其在最新的AngularJS上工作,但它不再工作http://jsfiddle.net/TrJcB/也就是说,它被推回25,也不会将正确的0.25值推送到模型.

或者也许已经有@L_607_3@内置的格式化程序百分比？我也想要货币格式化,或逗号分隔数.

小提琴不适用于当前的Angular版本,因为相当多的API已经改变了. angular.formatter不再可用,也不是angular.filter.

现在写的方法是使用指令,并使用指令控制器上可用的$parser和$formatter.所以你的链接功能看起来就像

link: function(scope,ele,attr,ctrl){
        ctrl.$parserS.Unshift(
            function(viewvalue){
                return $filter('@R_772_10793@er')(parseFloat(viewvalue)/100,2);
            }
        );
        ctrl.$formatterS.Unshift(
            function(modelvalue){
                return $filter('@R_772_10793@er')(parseFloat(modelvalue)*100,2);
            }
        );
      }