AngularJS 修剪模型中的前导零，而 View /输入值仍然保持不变？

Question

对于数字类型的输入元素，当输入的数字具有前导零(例如“0000123456”)时，模型将更新为 123456，而 View /输入仍保持不变 0000123456。

但是，如果我从数字切换到文本，一切都会按预期进行。我想要一个数字，因为它会显示移动设备的数字键盘。

<input type="number" ng-model="vm.orderid"/>
{{vm.orderid}}

PLUNKR

Answer 1

正如 @Steve 所说，我使用了一个自定义指令 my-decimals，当输入失去焦点时，它将 View 值与模型相匹配。

<input type="number" my-decimals ng-model="vm.orderid"/>

angular.directive('myDecimals', function() {
    return {
        require: 'ngModel',
        link: function(scope, elm, attrs, ctrl) {

            elm.blur(function() {
                var val = ctrl.$viewValue;
                ctrl.$setViewValue(val * 1);
                ctrl.$render();
            });
        }

    }
});