как вы мешаете кому-то дважды щелкнуть <tr> ng-click в угловом привязанном html?

Question

Итак, у меня есть эта строка кода;

<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> 

теперь проблема, когда я нажимаю тр, это работает отлично, но когда я двойной щелчок, или продолжайте нажимать, он перегружает JavaScript. как я могу помешать кому-то щелкнуть tr больше одного раза? или предотвратить событие от срабатывания более одного раза? Примечание: мой ng-click находится в tr, и я пробовал $ event.stopPropogation(); а также установка флага в javascript, они оба не работают. Любая помощь будет глубоко оценена! ура! :)

Answer 1

сделать класс следующим образом:

.disabled { 
    pointer-events: none; 
} 

В нг-щелчку < тр> добавить этот класс < тр> используя нг-класс.

Answer 2

Проверить в вашем контроллере.

$scope.inProgress = false; 

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

    $scope.inProgress = false; 
    } 
} 

также попробовать это, если это необходимо

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

с классом

.disabled { 
    pointer-events: none; 
}