javascript - 带零的整数键盘

Question

我有一个指令，可以转换为小数点后两位(输入数字文本框)并且它运行良好，但我想用零填充整个数字。

有人知道如何用填充零获得整数吗？下面的例子。

2 -> 2.00 - 未完成
10.666 -> 10.67 - 完成

app.directive('toPrecision',['$filter', function ($filter) {
    return {
        replace: false,
        restrict: 'A',
        link: function(scope, element, attr) {
            var input = angular.element(element);
            var precisionValue = attr.toPrecision;
            input.on('keyup', function() {
                var parsed = parseFloat(input.val());
                if (!isNaN(parsed)) {
                    if (parseInt(parsed, 10) !== parsed && String(parsed).split('.')[1].length > 2) {
                        var result = parsed.toFixed(precisionValue);
                        input.val(result);
                    }
                }
            });
        }
    }
}]);

HTML

<input type="number" class="form-control" ng-model="rate" to-precision="2" min="0" step="1">

Answer 1

结束了根据我想要的内容重写指令。

app.directive('toPrecision', function() {
return {
    replace: false,
    restrict: 'EA',
    require: 'ngModel',
    link: function(scope, element, attr, ngModelCtrl) {
        var input = angular.element(element);
        var precisionValue = attr.toPrecision;

        ngModelCtrl.$parsers.push(function(value) {
            var clean = value.replace(/[^-0-9\.]/g, '');
            if (value !== clean) {
                ngModelCtrl.$setViewValue(clean);
                ngModelCtrl.$render();
            }
            return clean;
        });

        ngModelCtrl.$formatters.push(function(value) {
            if (angular.isUndefined(value)) {
                return "";
            }
            var parsed = parseFloat(value);
            return parsed.toFixed(precisionValue);
        });

        input.on('blur', function() {
            var parsed = parseFloat(input.val());
            if (!isNaN(parsed)) {
                var result = parsed.toFixed(precisionValue);
                input.val(result);
                ngModelCtrl.$setViewValue(result);
            }
        });

    }
}});