javascript - 禁用(ng)div时仍会触发ng-click

问题是ng-click起作用，因此，如果cancelTicket === false仍然触发ng-click，则该事件起作用。我该如何制止呢？

<div class="btn-block save-changes padding-10" ng-class="{'gray':cancelTicket===false,'secondary-button':cancelTicket===true}" ng-click="CancelTicket(ticketPin)" ng-disabled="cancelTicket===false" style="display: table;">
    <div class="button-container padding3" ng-class="{'pointer':cancelTicket===true}">
        <button-spinner promise="cancelPromise"></button-spinner>
        <div style="display: inline-block !important;"> @Translator.Translate("CANCEL") </div>
    </div>
</div>

最佳答案

即使禁用了div，也会触发事件。

您可以通过对isDisabled || action()之类的表达式进行惰性求值来避免这种情况，因此，如果isDisabled是true，则不会调用操作。

在您的情况下，它将是:

ng-click="cancelTicket === false || CancelTicket(ticketPin)"