javascript - Angular : Set conditional min and max value for validation in number input field

Question

我创建了一个网页，其中包含一个带有两个数字输入字段的表单 field1和 field2 .我正在对这些字段进行验证。 field1有一个 min值 1 和 max值 100000 但 field2应该有 min值为 max的 field1或 1，任何大于 max 的值是 100000。我试图分配 ng-model的 field1作为min的 field2但它不起作用。

<div class="row">
  <div>
    <input ng-model="priceminrange" name="priceminrange" type="number"
    class="form-control" value="" placeholder="MinRange" min="1" max="100000">
    <span ng-show="form.priceminrange.$error.number">The value is not a valid number</span> 
    <span ng-show="form.priceminrange.$error.min || form.priceminrange.$error.max">
    The value must be in range 1 to 100000</span>
  </div>
  <div>
    <input ng-model="pricemaxrange" name="pricemaxrange" type="number"
    class="form-control" value="" placeholder="MaxRange" min={{priceminrange}} max="100000">
    <span ng-show="form.pricemaxrange.$error.number">The value is not a valid number</span> 
    <span ng-show="form.pricemaxrange.$error.min || form.pricemaxrange.$error.max">
    The value must be in range {{priceminrange}} to 100000</span>
    form.pricemaxrange.$error = {{form.pricemaxrange.$error}}
  </div>
</div>

Answer 1

你很接近。对象 priceminrange 是一个 Angular 对象，它包含几个方法和属性，所有这些都与模型有关。您想要的属性称为 $modelValue，它包含用户在解析为正确的数据类型(在本例中为数字)后输入的值。

假设您已将输入元素包装在名为“form”的表单中，这样的事情应该可行。

<input ng-model="pricemaxrange" type="number" min="{{form.priceminrange.$modelValue}}">