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>

ANGULAR：关闭循环中的输入

1 个答案: