Угловая директива не работает с типом ввода = число

У меня есть ввод в форме, которая выглядит так:

<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;
            }

        });
    }
};
});