どのようにして、誰かがダブルクリックするのを防ぐには、角度バインドされたhtmlでng-clickを実行しますか？

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> 

は、今の問題は、私はTRをクリックしたときに、それが正常に動作しているが、私はクリックを倍増、またはそれをクリックし続けるとき、それはJavaScriptをオーバーロード。誰かがtrを何度もクリックしないようにするには？またはイベントが複数回発生するのを防ぐことができますか？注：私のng-clickはtrにあり、$ event.stopPropogation（）を試しました。 javascriptにフラグを設定するだけでなく、両方とも動作しません。どんな助力も深く感謝します！乾杯！ <のNGクリックで

.disabled { 
    pointer-events: none; 
} 

TR> ngのクラスを使用して> < TRにこのクラスを追加し、次のように:)

Answer 1

は、クラスを作成します。

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