AngularJS: как подождать несколько секунд после ввода в поле ввода

Question

Я пытаюсь, чтобы окно ввода поиска запускало операцию поиска через несколько секунд после того, как пользователь прекратил печатать.

В обычном приложении я делаю так:

$('#search').on('input', _.debounce(function(e) { 
    search(); 
    }, 800)); 

Что бы правильный способ добиться чего-то подобного в AngularJS? Существует ли конкретная директива?

Пример кода была бы оценена

Answer 1

вы можете дребезг с помощью директивы ниже ...

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

      elm.unbind('input'); 

      var debounce; 
      elm.bind('input', function() { 
       $timeout.cancel(debounce); 
       debounce = $timeout(function() { 
        scope.$apply(function() { 
         ngModelCtrl.$setViewValue(elm.val()); 
        }); 
       }, attr.ngDebounce || 1000); 
      }); 
      elm.bind('blur', function() { 
       scope.$apply(function() { 
        ngModelCtrl.$setViewValue(elm.val()); 
       }); 
      }); 
     } 

    } 
}); 

Answer 2

я использую этот angular-debounce модуль для одной и той же

<input type="checkbox" ng-model="blah" debounce="500" immediate="true"></input> 

это как и использовать его

EDIT

ответить на ваши комментарий ...

<input type="checkbox" ng-model="blah" debounce="500" immediate="true" ng-change="search()"></input>