簡體   English   中英

角度:循環關閉輸入

[英]ANGULAR: Turn off inputs in a loop

我有一個生成多個輸入的循環(ng-repeat),另一個生成其他輸入的循環。 我的問題是:如果第一個循環的輸入是否有數據,我需要啟用或禁用第二個循環的輸入。 這是我的代碼:

<md-input-container class="md-block" ng-repeat="rec in recursos">
    <label>{{rec.title}}</label>
    <input type="text" name="rec" ng-model="rec.desc" ng-required="true">
    <div ng-messages="myForm2.rec.$error">
      <div ng-message="required">Campo obligatorio</div>
    </div>
</md-input-container>
<md-input-container class="md-block" ng-repeat="prep_par in presupuestoPartidas">
    <label>{{prep_par.title}}</label>
    <input type="number" name="prep_par" ng-model="prep_par.importe" min="0" ng-required="true" >
    <div ng-messages="myForm2.prep_par.$error">
      <div ng-message="required">Campo obligatorio</div>
    </div>
</md-input-container>

假設第一個循環使用數組$scope.firstLoop ,則只需將第二個循環的輸入的ng-disabled設置為$scope.firstLoop.length變量。 如果數組為空,則禁用第二個循環的輸入。

<md-input-container class="md-block" ng-repeat="rec in recursos">
<label>{{rec.title}}</label>
<input type="text" name="rec" ng-model="rec.desc" ng-required="true" ng-disabled="firstLoop.length">
<div ng-messages="myForm2.rec.$error">
  <div ng-message="required">Campo obligatorio</div>
</div>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM