javascript - 我遇到 Angularjs $invalid 问题

Question

你好，
在我的代码中，我按此顺序有三个输入编号(我将它们命名为第一个输入、第二个输入和第三个输入以进行说明):

<div>
    <form name="formOpenMax">
        <div class="input-group" ng-class="{ 'has-error': formOpenMax.inputOpenMax.$dirty && formOpenMax.inputOpenMax.$invalid }">
            <span class="input-group-addon">Max</span>
            <input class="form-control has-feedback" name="inputOpenMax" type="number" placeholder="Maximum" ng-model="selectedItem.range.max" min="{{selectedItem.range.min}}" >
        </div>
    </form>
</div>

<div>
    <form name="formOpenMin">
        <div class="input-group" ng-class="{ 'has-error': formOpenMin.inputOpenMin.$dirty && formOpenMin.inputOpenMin.$invalid }">
            <span class="input-group-addon">Min</span>
            <input class="form-control has-feedback" name="inputOpenMin" type="number" placeholder="Minimum" ng-model="selectedItem.range.min" min="0" max="{{selectedItem.range.max}}" >
        </div>
    </form>
</div>

<div>
    <form name="formIntOpenDefault">
        <div class="input-group" ng-class="{ 'has-error': formIntOpenDefault.inputIntOpenDefault.$dirty && formIntOpenDefault.inputIntOpenDefault.$invalid }">
            <span class="input-group-addon">Default</span>
            <input class="form-control has-feedback" name="inputIntOpenDefault" type="number" placeholder="Default value" ng-model="selectedItem.range.default" min="{{selectedItem.range.min}}" max="{{selectedItem.range.max}}" >
        </div>
    </form>
</div>

所以我想做的是进行适当的验证。前两个输入是用户输入的两个值之间的范围。
如果用户输入文本而不是数字，input 将变为红色。但有一个问题:

⇒在第一个input中，min值是用户在第二个input中输入的数字，但验证不进行考虑到它并且输入不会变成红色。

ð在第二个输入中，max值是用户在第一个输入中输入的数字，但验证不采取考虑到它并且输入不会再次变成红色。但 min 值为 0，当我们举例 -1 时，验证有效

⇒在第三个input中，min值是用户在第二个input中输入的数字，max number 是第一个输入的编号。再次验证不起作用。

对于每个输入，当我输入错误的数字时，验证不起作用，但会出现一个工具提示，告诉我输入更大/更小的数字，以便它检测到该值，但该值不是无效的。

您知道如何使其发挥作用吗？

Answer 1

看起来这是 Angular 早期版本的问题，并在 1.3.14 中修复:

https://github.com/angular/angular.js/issues/2404