AngularJS ng-options from an object with objects

Question

I am attempting to have my data show up in the list as follows:

<option value="4351">Atlanta</option>

Here is my object.

$scope.cityList = {
    4351:{name:"Atlanta", short="atlanta"},
    7355:{name:"Baltimore", short="baltimore"},
    1212:{name:"Chicago", short="chicago"},
    4398:{name:"Dallas", short="dallas"}
};

HTML
This worked with just key-value pairs, but now the "value" is an object

<select class="select-city" ng-model="myCity" ng-options="name for (city, name) in cityList"></select>

So my question is this:
How can I populate the ng-options in this case?

Thanks, that totally works! Can you explain how and I'll accept your answer? — Juston Cheney
– Juston Cheney, Commented Apr 30, 2015 at 19:14

Dmitry Sadakov · Accepted Answer · 2015-04-30 19:18:48Z

5

Use name.name for (city, name) in cityList - the name.name in this case refers to the name property of the new object you introduced, which itself is unfortunately named name.

The documentation is a bit mystic but you can perhaps also rename it to something like value.name for (key, value) in cityList.

answered Apr 30, 2015 at 19:18

Dmitry Sadakov

2,1583 gold badges19 silver badges34 bronze badges

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

1 Comment

Bernardo Dal Corno Over a year ago

Name is named name? Funny, nevername me

Collectives™ on Stack Overflow

AngularJS ng-options from an object with objects

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related