ANGULAR：關閉循環中的輸入

Question

我有一個循環（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> 

Answer 1

假設第一循環使用數組$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>