AngularJS |检查箭头和用户输入的最大和最小输入值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

我的CTRL:

  $scope.runnerWarning = "";

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

我基本上想要检查用户输入和箭头输入。(向上和向下)。上下正在使用此代码,但用户输入没有。另一个问题是警告永远不会通过。

谢谢你的时间。

答案

你好,我通过你的作品代码做了一个简单的样本

我希望这有帮助,

<!-- JsBin link -->

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

以上是关于AngularJS |检查箭头和用户输入的最大和最小输入值的主要内容,如果未能解决你的问题,请参考以下文章

在 Angular JS 中使用日期选择器最快和最简单的方法是啥?

Angularjs输入限制[重复]

输入Angularjs number $ filter指令要求用户按两次十进制

当输入验证失败时,Angularjs会阻止表单提交

在 SQL 数据库中输入最小/最大行数

AngularJs:如何检查文件输入字段的变化?