Typeahead using object name

Question

I\'m trying to setup a typeahead using AngularJS & UI Bootstrap like so:

.html

Answer 1

I had the same problem. I have solved it by

typeahead="country.name for country in countryList | filter:$viewValue | limitTo:8"

here countryList is a list of country object. name is one of property of country object. For me it is working fine.