Iterate with ng-options in a dictionary(object)

angularjs ng-options
Oleg Belousov picture Oleg Belousov · Sep 18, 2013 · Viewed 10.5k times · Source

I need to iterate over the following object with ng-options:

var a = {
'optionName1': 'optionValue1',
'optionName2': 'optionValue2',
'optionName3': 'optionValue3',
'optionName4': 'optionValue4',
};

I get this object in this format from a 3rd party resource, and I'd rather no to re-arrange it manually.

I already did a Google search, and looked into the documentation, it deals with lists, and lists of objects only from what I could tell.

Answer

AlwaysALearner picture AlwaysALearner · Sep 18, 2013

For a model like this: 

$scope.options = {
    'optionName1': 'optionValue1',
    'optionName2': 'optionValue2',
    'optionName3': 'optionValue3',
    'optionName4': 'optionValue4',
};

You can create options like this:

<select ng-change="change()" ng-model="votes.status" 
ng-options="v for (k,v) in options">
</select>

Related questions

Working with select using AngularJS's ng-options

I have read about it in other posts, but I couldn't figure it out. I have an array, $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; I want to render …

Read More
ng-options with simple array init

I'm a little bit confused with Angular and ng-options. I have a simple array and I want to init a select with it. But, I want that options value = label. script.js $scope.options = ['var1', 'var2', 'var3']; …

Read More
ng-change get new value and original value

I'm using ng-options to select values from a pulldown. I'd like to be able to compare the old value to the new value. ng-change works well for grabbing the new value of the pull down, but how can I get …

Read More