javascript - 使用 JQuery 停止 Angular Click 事件

Question

您好，我在保存之前重新尝试限制现有应用程序中的导航和选项卡控件，同时更改数据。该应用程序已经用 AngularJS 开发。所以我返回了全局级别的 JQuery 代码以限制使用类。

这是我的代码:

$(document).ready(function () {
   $(".mandatory-data").change(function (e) {
       if (e.originalEvent) {
           $(this).addClass('mandatory-data-entered');
       } else {
           $(this).removeClass('mandatory-data-entered');
       }
   });

   $(".check-mandatory-data").click(function (event) {        
       if ($(".mandatory-data-entered").length > 0) {
           alert("Not Allow");  
           event.preventDefault();
           event.stopPropagation();          
           return false;
       }
   });
});

现在我的功能运行良好。但问题是 Angular 函数和 href 在我更改消息后并没有停止其他函数的工作。

我的代码是

<a href="#" class="check-mandatory-data" ng-click="dataClickEvent();">Data</a>

这里两个事件都在工作 check-mandatory-data 事件和 dataClickEvent()。如何使用条件 $(".check-mandatory-data").click() 事件限制 dataClickEvent()。

提前致谢。

Answer 1

不太确定这是否有效，但您可以尝试使用 .mousedown() 而不是 .click()。

在 .mousedown() 中，您可以 $(this).removeAttr('ng-click')。也许存储它的值并将其重新应用到 .mouseup() 上。