debouncing for click event in angular js

try ng-debounce-click event in angular js

ng-debounce-click is a directive used to make sure that expensive/time-consuming function does not fire so often that may cause low web performance. we can limit the rate of invokation of function.

Download

• Github
• Npm

How to use it:

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

    });