AngularJs：在數字輸入字段中設置驗證的條件最小值和最大值

Question

我創建了一個網頁，其中包含一個帶有兩個數字輸入字段field1和field2的表單。 我正在對這些領域進行驗證。 field1的min 1， max 100000，但field2 min max為field1或1，任何更大且max值為100000.我嘗試將field1的ng-model指定為field2 min ，但它不起作用。

<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;