AngularJS/машинописный - Задержка вызова метода $ области действия

Question

я следующие поля ввода фрагмента кода здесь я звоню AngularJS $scope метод следующим образом

<input class="search-txt-input" 
     id="partner_name" 
     name="partner_name" 
     title="Partner Name" 
     type="text" 
     autocomplete="off" 
     ng-model="selectedPartner" 
     typeahead="partner as partner.name for partner in retrievePartnerList($viewValue)" 
     typeahead-items="2" 
     typeahead-min-length="3"> 

Так что, когда я печатаю как минимум 3-х символов в текстовое поле, он вызовет вызов AJAX для функции retrievePartnerList.

Также мой ответ сервера очень медленный, поэтому для 10 символов 7 вызовов Ajax приходит в очередь, и через некоторое время я получаю TimeOutError.

Чтобы решить эту проблему, я пытаюсь найти способ, с помощью которого я могу отложить вызов метода retrievePartnerList(), так что будет отправлено меньше вызовов AJAX и, вероятно, это уменьшит нагрузку на мой сервер.

Так что я не знаю, как я могу использовать функцию setTimeout() здесь.

Сообщите мне, если у кого-то из вас есть идеи по этому вопросу.

Answer 1

Да, вы можете легко задержать стреляя согласование по задав атрибут typeahead-wait-ms. Как следует из названия атрибута, оно принимает значение в миллисекундах и будет задерживать соответствие, ожидая указанного количества миллисекунд после того, как пользователь перестанет печатать, прежде чем запускать запросы на сервер.

Вот демонстрационный показ этого в действии: http://plnkr.co/edit/fHLqDx?p=preview

Answer 2

Проверить AngularStrap решение: https://github.com/mgcrea/angular-strap/blob/master/src/directives/typeahead.js

ИЛИ

Это можно легко сделать, как это в JavaScript:

var autocomplete = $('#searchinput').typeahead().on('keyup', delayRequest); 

function dataRequest() { 
    // api request here 
} 

function delayRequest(event) { 
    if(delayRequest.timeout) { 
     clearTimeout(delayRequest.timeout); 
    } 

    var target = this; 

    delayRequest.timeout = setTimeout(function() { 
     dataRequest.call(target, event); 
    }, 200); // 200ms delay 
}