AngularJS | Проверяйте максимальные и минимальные входные значения как для стрелки, так и для пользовательского ввода

У меня есть текстовое поле для ввода. Я хочу проверить, что значение не должно превышать 20 и должно быть не менее 1. Это мой HTML:

                <input 
                    type = "number"
                    class = "form-control input-rounded"
                    ng-model = "Ctrl.new.runner"
                    ng-change = "Ctrl.newChangeAction(Ctrl.new)"
                    min = {{minRunnerValue}}
                    max = {{maxRunnerValue}}
                    ng-model-options = "{debounce:500}"
                    > 
                    <span ng-show = "Ctrl.newObject.runnerWarning">
                        <i>{{Ctrl.Object.runnersWarning}}</i>
                    </span>

МОЙ УПРАВЛЕНИЕ:

  $scope.runnerWarning = "";

  ctrl.minRunnerValue = 1;
  ctrl.maxRunnerValue = 20;

Я в основном хочу проверить как ввод пользователя, так и ввод стрелки (вверх и вниз). Вверх и вниз работают с этим кодом, а пользовательский ввод - нет. Другая проблема заключается в том, что предупреждение никогда не доходит.

Спасибо за ваше время.