AngularJs:在数字输入字段中设置验证的条件最小值和最大值

Question

我创建了一个网页,其中包含有两个数字输入域的表单field1和field2.我正在对这些领域进行验证.field1具有min值1和max值10万,但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}}">

Answer 2

尝试这个

在控制器上创建范围。

$scope.priceminrange = 1;