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