a debounce directive for angular.js

angular-debounce.js

/*
Usage
----------------
HTML

<input type="text"
       ng-model="fooVal"
       ng-debounce="foo()"
       ng-debounce-millis="500">

JavaScript (in the controller)

$scope.foo = function () {
  console.log($scope.fooVal);
};

*/

(function () {
    var ngDebounce = angular.module('ngDebounce', []);

    ngDebounce.directive('ngDebounce', ['$timeout', function ($timeout) {
      return {
        require: 'ngModel',
        restrict: 'A',
        link: function (scope, elem, attrs, ctrl) {
          var changeFnName = attrs.ngDebounce
            , millis       = attrs.ngDebounceMillis ? scope.$eval(attrs.ngDebounceMillis) : 500;
            
          var t = undefined;
          ctrl.$viewChangeListeners.push(function () {
            if (t !== undefined) {
              $timeout.cancel(t);
            }
            t = $timeout(function () {
              scope.$eval(changeFnName);
              t = undefined;
            }, millis);
          });
        }
    };
  }]);
})();