输入的角度验证取决于另一个输入

Question

我有一个json对象列表。每个对象都有minage和maxage。

我想在此对象上ng-repeat并显示输入以输入minAge并输入maxAge。

我想为字段添加验证：

• 最大年龄应大于最小年龄。
• 下一对的最小年龄 输入应该低于前一对输入的最大年龄。

Example fiddle

Answer 1

您可以在输入中使用min和max参数来实现此目的：

<div ng-repeat="range in ages">
    minAge: <input type="number" min="{{ages[$index-1]['MaxAge']}}" max="{{range.MaxAge}}" ng-model="range.MinAge" />

    maxAge: <input type="number" min="{{range.MinAge}}" ng-model="range.MaxAge" />
</div>