jquery - AngularJS/Typeahead - 延迟调用 $scope 方法

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 个字符时，它将触发对 retrievePartnerList 函数的 AJAX 调用。

而且我的服务器响应非常慢，因此对于 10 个字符，7 个 Ajax 调用进入队列，一段时间后我收到一个 TimeOutError。

因此，为了解决这个问题，我正在尝试找到一种方法，可以延迟对 retrievePartnerList() 方法的调用，以便发送更少的 AJAX 调用，这可能会减轻我的负担服务器。

所以我不确定如何在这里使用 setTimeout() 函数。

如果你们有人对此有任何想法，请告诉我。

Answer 1

是的，您可以通过指定 typeahead-wait-ms 属性轻松延迟触发匹配。正如该属性的名称所暗示的那样，它采用以毫秒为单位的值，并且将延迟匹配，在用户停止键入后等待指定的毫秒数，然后再向服务器发出请求。

这是一个演示，展示了这一点:http://plnkr.co/edit/fHLqDx?p=preview