html - Angular 指令不适用于 Input type="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

Answer 2

我很确定属性值（attrs.validateGreaterthan）是一个字符串。将该字符串转换为整数，以确保您正在比较相同的类型。