输入类型编号，toFixed值在AngularJS中失败

Question

我认为tht有以下要求：

• 超文本标记语言输入type必须是number
• 以编程方式设置该输入的模型属性值，后面有2个小数
• 允许用户输入修改该值

现在，以编程方式将值设置为1.20，以便在输入中显示该值是复杂的：

• parseFloat（1.20）返回1.2
• （1.20）. toFig（2）返回一个字符串'1.20'，AngularJS在尝试设置该值时失败

有什么想法吗？

Answer 1

您可以利用NgModel并添加解析器或格式化程序。

function NumberFormatter($filter){
'ngInject';

return {
    restrict: 'A',
    require: '^ngModel',
    link: function(scope, element, attrs, ngModelCtrl){
          //format text going to user (model to view)
          ngModelCtrl.$formatters.push(function(value) {
             return $filter('number')(parseFloat(value) , 2);
          });

          //format text from the user (view to model)
          ngModelCtrl.$parsers.push(function(value) {
            return doParsing(value)
          });
    }
}
}

ngModel格式化程序和解析器

Answer 2

基于https://github.com/angular/angular.js/issues/5680#issuecomment-206325921我做了以下工作：

(function(){
    angular.module('app')
        .directive('toFixed', [function () {
            return {
                require: '^ngModel',
                link: function(scope, element, attrs, ngModel) {
                    ngModel.$formatters.push(function(value) {
                        return parseFloat(value);
                    });
                    ngModel.$render = function() {
                        var viewValue = parseFloat(ngModel.$viewValue || 0);
                        element.val(viewValue.toFixed(2));
                    }
                }
            };
        }]);
}());