debounce.directive.js

'use strict';

angular.module('saidpApp')
  .directive('ngDebounce', function ($timeout) {
  return {
    restrict: 'A',
    require: '?ngModel',
    priority: 99,
    link: function (scope, elm, attr, ngModel) {
      if (!ngModel || attr.type === 'radio' || attr.type === 'checkbox') {
        return;
      }

      var delay = parseInt(attr.ngDebounce, 10);
      if (isNaN(delay)) {
        delay = 500;
      }

      elm.unbind('input');

      var timerId;
      elm.bind('input', function () {
        $timeout.cancel(timerId);
        timerId = $timeout(function () {
          scope.$apply(function () {
            ngModel.$setViewValue(elm.val());
          });
        }, delay);
      });

      // Update value immediately on blur
      elm.bind('blur', function () {
        if(timerId) {
          scope.$apply(function () {
            ngModel.$setViewValue(elm.val());
          });
        }
      });
    }
  };
});