2014-06-09 56 views
1

我要管理的要求,如果任何一個輸入都有他們的任何值第二個有填補像在angularJSangularJS管理輸入值的一個依賴於another`s價值

enter image description here

請幫我什麼樣的方法在角度上是最好的!

這裏是我的代碼

  <div class="form-group recipe_item" ng-repeat="recipe in pc.recipes"> 
      <div class="form-group"> 
       <label class="col-sm-4 control-label">Select Product</label> 

       <div class="col-sm-8" ng-controller="ProductCtrl as pc"> 
        <select class="form-control" ng-model="recipe.partId" 
          ng-options="item.id as item.name for item in pc.products" 
          > 
         <option value="">-- choose product --</option> 
        </select> 
       </div> 
      </div> 

      <div class="form-group"> 
       <label id="lbl_qty" class="col-sm-4 control-label">Quantity</label> 

       <div class="col-sm-8"> 
        <input type="number" class="form-control" ng-model="recipe.qty" {{isValidNumber(recipe.partId)}}/> 
       </div> 
      </div> 
     </div> 

和我的控制器

$scope.isValidNumber = (number) => 
     return number > 0 
+0

你問的動態要求,如果你應該填補一些領域,如果另一個有一些價值?或者你應該在第二場之前先場? –

+0

不要緊,他們每個人都應該先填充。 – nAkhmedov

+0

像你的圖片中,如果名稱字段有價值,那麼你應該選擇措施,但如果名稱沒有價值,那麼你可以把它留空? –

回答

2

可以使用ng-required ......這是你所需要的...這裏是PLUNKER例如...

我通過添加angularjs窗體控制器更新示例,這裏是form controller文檔的更多詳細信息...

+0

在我看來,它工作正常,但我需要添加「必需」參數inputs.How可以做輸入?例如「 {{model?」yes;「:」no;「}}」正常工作。 – nAkhmedov

+0

是的,它是通用的方式來做到這一點,但如果你在表單中使用它,你可能會得到錯誤,需要等等...這裏是表單控制器文檔https://docs.angularjs.org/api/ng/directive/form –

+0

@nAkhmedov檢查你的第二個問題的更新答案... ng-required動態添加需要,如果ng-required中的表達式爲真... –