即使复选框的ng-disabled为true，也会触发ng-click

Question

ng-click is fired even when ng-disabled is true. How to prevent this happening.

<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

You can add the ng-disabled condition to ng-click like this:

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

This will prevent the click on the label when the condition is true.