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

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

0 голосов
/ 21 ноября 2018

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

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

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

1 Ответ

0 голосов
/ 21 ноября 2018

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

Хотелось бы, чтобы это помогло, 

<!-- JsBin link -->

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

...