如何防止有人双击<；tr>；在有角度的绑定html中单击？

基本上，我有这行代码

<tr data-toggle="modal" data-backdrop="static" data-target=".bs-example-modal-lg-packageinfo" ng-click="retrievePromoData({!! $pPackages['iid']!!}, {!! $pPackages['prices']['0']['price']['floorPrice'] !!})"> 
   <td>                                                                                                                                                          
   {!! $pPackages['name'] !!}                                                                                        
   </td>
   <td class="hidden-xs">{!! $pPackages['sku'] !!}</td>                                                                                    
   <td>{!! $pPackages['prices']['0']['price']['floorPrice'] !!}</td>
</tr>

{！！$pPackages['name']！！}
{！！$pPackages['sku']！！}
{！！$pPackages['prices']['0']['price']['floorPrice']]

---

现在的问题是，当我单击tr时，它工作正常，但当我双击或继续单击它时，它会使javascript过载。如何防止某人多次单击tr？或者防止事件多次触发？注意：我的ng click在tr中，我尝试了$event.stopPropogation（）；除了在javascript中设置标志外，它们都不起作用。任何帮助都将不胜感激！干杯！：）

按如下方式制作一个类：

.disabled {
    pointer-events: none;
}

---

在ng中单击使用ng类将该类添加到。

在控制器中检查进度

$scope.inProgress = false;

retrievePromoData(){
  if(!$scope.inProgress){
    $scope.inProgress = true;
    // your code

    $scope.inProgress = false;
  }
}

如果有必要，也可以试试这个

<tr ng-class="{'disabled' : inProgress }" >

---

嘿@ankur，谢谢你的快速回复，是的，我之前尝试过这个，设置了一个标志，但似乎不起作用。我已经更新了答案。请尝试在当前进程完成之前限制单击。您可以显示代码您做了什么吗？您是否包含css，是否正在应用css？

.disabled {
    pointer-events: none;
}