html - Angular 指令不适用于输入类型 ="number"

Question

我有一个如下所示的输入:

<input type="number" name="inputStageNumTeams" id="inputStageNumTeams"
 ng-model="s.numTeams" validate-greaterthan="2" required>

但是，由于某种原因，我的自定义指令 validateGreaterthan 无法正确运行。如果我将输入类型更改为“文本”，它就像一个魅力!如果可能的话，我希望将输入类型保留为数字。

这是有问题的指令:

app.directive('validateGreaterthan', function() {
return {
    require: 'ngModel',
    link: function(scope, elm, attrs, ctrl) {
        ctrl.$parsers.unshift(function(viewValue) {
            var number = attrs.validateGreaterthan;
            if (parseInt(viewValue) !== NaN) {
                scope.numberValid = ((viewValue && (parseInt(viewValue) >= number)) ? 'valid' : undefined);
            }

            if(scope.numberValid) {
                ctrl.$setValidity('number', true);
                return viewValue;
            } else {
                ctrl.$setValidity('number', false);
                return undefined;
            }

        });
    }
};
});

Answer 1

为什么不尝试使用已经存在的 [min="{string}"] 指令？

http://docs.angularjs.org/api/ng.directive:input.number