Example :
<div>
<h3>Order By:</h3>
<select data-ng-model='selectedSortOrder3'
data-ng-options="option.value as option.name for option in
[{'value':'+name','name':'Name: A-Z'},{'value':'-name','name':'Name: Z-A'},
{'value':'+lastName','name':'Last Name: A-Z'},
{'value':'-lastName','name':'Last Name: Z-A'},
{'value':'+age','name':'Age: Young to Experienced'},
{'value':'-age','name':'Age: Experienced to Young'}]"
data-ng-init="selectedSortOrder3='+age'">
</select>
</div>
<div>
<h3>List of results:</h3>
<div ng-repeat="person in results | orderBy:selectedSortOrder3">
{{person.name}} {{person.lastName}} - {{person.age}}
</div>
</div>
Note: In order to iterate over this array, Angular provides us with a dsl expression we can use in the ng-options. In this case it will be 'option.value as option.name for option in in optionsSet'. There are other available expressions:
- label for value in array
- select as label for value in array
- label group by group for value in array
- select as label group by group for value in array
No comments:
Post a Comment