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;

我基本上想检查用户输入和箭头输入。(上下(。Up-and-down正在使用此代码，但用户输入不起作用。另一个问题是警告永远不会通过

谢谢你抽出时间。

Answer 1

你好，我用你的佩斯代码做了一个简单的样本

我希望这能有所帮助，

<!-- JsBin link -->

https://jsbin.com/dokajirewu/edit?html，css，js，输出