Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
163
rated 0 times [  166] [ 3]  / answers: 1 / hits: 98374  / 11 Years ago, wed, february 12, 2014, 12:00:00

I need to use an associative array as data source for my select options using AngularJS.



Is it possible to use an array like this?



{
key1: val1,
key2: val2,
key3: val3,
...
}


and get something like this:



<select>
<option value=key1>val1</option>
<option value=key2>val2</option>
<option value=key3>val3</option>
...
</select>


I read docs, but I can't understand how to achieve this.


More From » angularjs

 Answers
20

use ng-option:



<select ng-model=blah ng-options=key as value for (key , value) in data></select>


or use ng-repeat:



<select>
<option ng-repeat=(key, value) in data value={{key}}>{{value}}</option>
</select>


data in controller:



$scope.data = {
key1: val1,
key2: val2,
key3: val3,
...
};

[#72561] Tuesday, February 11, 2014, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
irvingcarloe

Total Points: 677
Total Questions: 109
Total Answers: 96

Location: Svalbard and Jan Mayen
Member since Sun, Sep 25, 2022
2 Years ago
irvingcarloe questions
Wed, Mar 31, 21, 00:00, 3 Years ago
Tue, Aug 4, 20, 00:00, 4 Years ago
Fri, Jul 3, 20, 00:00, 4 Years ago
;