Angular UI Bootstrap, how do i do typeahead on an array of objects in AngularJS?

Question

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

I get that "state for state in states" works because it's just an array of Strings. I'd like to loop through an array of objects shown in $scope.state_details in the plnkr.co example.

<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8">

What's the correct expression to use in the typeahead attr when i have an array of objects like this?...

data = [
  {
    name:"Alabama",
    population:2000
  },
  {
    name:"Alaska",
    population:20000
  },
  {
    name:"California",
    population:200000
  },
];

John Ledbetter · Accepted Answer · 2013-12-06 19:56:05Z

3

If you want the model to be the actual state object and not the name:

typeahead="state as state.name for state in statesdetails"

answered Dec 6, 2013 at 19:56

John Ledbetter

14.3k1 gold badge65 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user176855 · Accepted Answer · 2013-12-06 19:54:29Z

0

Figured this out!

s.name in s in statedetails

answered Dec 6, 2013 at 19:54

user176855

2891 gold badge6 silver badges17 bronze badges

Collectives™ on Stack Overflow

Angular UI Bootstrap, how do i do typeahead on an array of objects in AngularJS?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related