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

Question

У меня есть поле ввода текста. Я хочу проверить, что значение не должно превышать 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>

МОЙ CTRL:

  $scope.runnerWarning = "";

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

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

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

Answer 1

Здравствуйте, я сделал простой пример через ваш код

Я хотел бы, чтобы это помогло,

<!-- JsBin link -->

https://jsbin.com/dokajirewu/edit?html,css,js,output