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

Question

问题是 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>

Answer 1

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

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

在您的情况下，它将是:

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