当div(ng)被禁用时,javascript – ng点击仍然会触发

前端之家收集整理的这篇文章主要介绍了当div(ng)被禁用时,javascript – ng点击仍然会触发前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
问题是,如果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)"
原文链接:https://www.f2er.com/css/214619.html

猜你在找的CSS相关文章