即使復選框的ng-disabled為true，也會觸發ng-click

Question

即使ng-disabled為true，也會觸發ng-click。 如何防止這種情況發生。

<div class="fila">
  <div class="seccion">
    <div class="asiento">
       <input ng-checked="seatLayout[0].reserved " ng-disabled="seatLayout[0].reserved || result.length == parseInt(maxSeats) "
type="checkbox" value="None" id="asiento1" name="check"/>
       <label ng-class="{'selected' : seatLayout[0].reserved == true, 'notselected' : seatLayout[0].reserved == false}"
ng-click="addSeat(seatLayout[0])"
for="asiento1">{{seatLayout[0].id}}</label>
    </div>
  </div>
</div>

Answer 1

您可以將ng-disabled條件添加到ng-click中，如下所示：

ng-click="(seatLayout[0].reserved || result.length == parseInt(maxSeats) ) || addSeat(seatLayout[0])"

當條件為真時，這將防止單擊標簽。