How to sort in autocomplete?

Question

Angular

Here is an example:
Example
As far as I understand, when the page is loaded, all the data in customTemplate.html is given at once, so sorting in the database does not work.
Sorting should be here:

typeahead="c as c.country for c in countries | filter:$viewValue | orderBy:????? |limitTo:10"

what should be added?

Answer 1

I strongly advise against using filters for collections - they will work for every sneeze (every $digest of this scope). It is better to do it all the same where you transfer a new collection to the scope.

Answer 2

I agree, I tried to insert values ​​into orderBy (although sorting did not work for me), brakes are noticeable
while I understand the code, can you tell me where and what needs to be added,
I will be grateful