angular js 中点击事件的去抖动

Question

为了提高我的网络应用程序的网络性能，我想在angular js中实现点击事件的去抖动，有library/directive支持点击事件的去抖动吗？

Answer 1

在 angular js

中尝试 ng-debounce-click 事件

ng-debounce-click 是一个指令，用于确保 expensive/time-consuming 函数不会频繁触发，这可能会导致网络性能低下。我们可以限制函数的调用率。

下载

Github
Npm

使用方法：

HTML

<div ng-app='myApp' ng-controller='myCtrl'> 
       <input type="button" ng-debounce-click="myOnClickExpensiveFunction()" ng-debounce-options="{time:1000}" value="Click Me">
  </div>

JS

// include the `ngDebounceClick` module
    var app = angular.module('myApp', ['ngDebounceClick']);
    app.controller('myCtrl', function($scope) {
        $scope.myOnClickExpensiveFunction = function() {
          //TODO : Some Expensive implementation.
        };

    });

angular js 中点击事件的去抖动

debouncing for click event in angular js

directive

mouseclick-event

angularjs

debouncing