Typeahead : Filters do not work with Promise as source

[dcolaizzomarathon]

Filters work in expressions passed to typeahead for static arrays. They are ignored when the array source is an asynchronous request.

See 'Asynchronous Results' example provided by documentation. http://plnkr.co/edit/w8uxP0?p=preview. Both filter: and limitTo: are ignored in the results dropdown.

[pkozlowski-opensource]

@dcolaizzomarathon our docs / demo were a bit misleading, and I've just corrected it via c5862b0. Regarding your query: 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.

http://plnkr.co/edit/izqWaLWM6YkrZXyArrHm?p=preview

[ghost]

Got stuck on that as well.
I for example wanted to load the list without filtering server side so i could use cache.
Maybe add a little note in the example to explicitly show it doesn't work.

[adonespitogo]

@ghost - You can use $filter service in the controller:

function ($scope, $filter, myService, $q) {
  $scope.search = function (query) {
    var deferred = $q.defer(); // https://docs.angularjs.org/api/ng/service/$q
    var searchPromise = myService.querySomething(query);
    searchPromise.then(function (results) {
      var filteredResults = $filter('filterName')(results, arg1, arg2, argNth); // https://docs.angularjs.org/api/ng/service/$filter
      deferred.resolve(filteredResults);
    });
    return deferred.promise;
  };
}

Return another promise with the filtered results instead of returning the search promise directly.

[sigMacity]

Given the number of requests (for info, how to's, please help's, etc) there are regarding forced selection of async sources i.e. invalidating when initial value not available from source, invalidating if value isn't selected from source list and so on, it may be worth re-opening this item. IMHO it makes sense to do this from within the typeahead code, rather than frigging around in the calling code.

[worthy7]

If you are querying your database, you surely want it to stop after X number of results. So the most efficient way to do this is to set/send the limit serverside. And for anyone searching locally instead, then using the filter function seems fine.