javascript - 使用 Promises 时 Angular UI Typeahead 限制结果

Question

我 fork 了一个 Plunker 作为例子 http://plnkr.co/edit/ylR1mel46FXTXzdvfHpa?p=preview

像这样在标记中使用内联 promise 时:

<div class='container-fluid' ng-controller="TypeaheadCtrl">
    <pre>Model: {{selected| json}}</pre>
    <input type="text" ng-model="selected" typeahead="state for state in getStates($viewValue) | limitTo: 5">
</div>

如果您在 Controller 中输入“A”，您会看到 limitTo 选项被忽略了。可以这样用吗？

Answer 1

您需要在 promise 的回调中限制结果。<强> https://github.com/angular-ui/bootstrap/issues/1740

AngularJS filters are executing synchronously and if you write your expression like address for address in getLocation($viewValue) | filter:$viewValue this part getLocation($viewValue) means that a filter would filter a promise object (which is noop as filter filter can only operate on arrays). The correct approach here is to do filtering on the server-side (this is the whole point of having async results from the server). If you still want to do further filtering on the client side you can do so in the promise callback function, in JavaScript.