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

【问题标题】：AngularJS | Check for max and min input values on both arrow and user inputAngularJS |检查箭头和用户输入的最大和最小输入值
【发布时间】：2018-11-21 13:58:31
【问题描述】：

我有一个输入文本字段。我想检查一个值是否不应超过 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;

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

感谢您的宝贵时间。

【问题讨论】：

我知道还有其他类似的问题。不要将其标记为重复。它们不解决用户输入和错误处理。
阅读AngularJS Developer Guide - Binding to form and control state

标签： javascript angularjs error-handling controller minmax

【解决方案1】：

您好，我通过您的代码制作了一个简单的示例

希望对你有帮助，

<!-- JsBin link -->

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

【讨论】：

感谢您的回答。但我的问题仍然存在。如何处理和显示我的警告。仅供参考，我的警告来自一个常量文件。是这样的。 runnersWarning = 'Maximum number of runners is ' + maxRunnerValue; 到目前为止，每个答案都有。我上面的例子只使用箭头。我想处理用户输入并显示此消息。
理想情况下应该放置一个观察者并观察输入文本的变化。并且根据它的值，应该出现一个包含警告的跨度。应该与ng-binding 或与ng-if 绑定。真的不知道。