How to sort array in ng-options by key?

javascript angularjs select angularjs-filter angularjs-ng-options
Faud picture Faud · Jun 3, 2015 · Viewed 22.3k times · Source

There is such array:

month: Array[13]0: "M"1: "January"2: "February"3: "March"4: "April"5: "May"6: "June"7: "July"8: "August"9: "September"10: "October"11: "November"12: "December"

I do:

ng-options="key as value for (key, value) in data.month | orderBy:key"

But I get unsorted select list.

Answer

Pankaj Parkar picture Pankaj Parkar · Jun 3, 2015

In order to use tracking with filters use track by.

Markup

ng-options="key as value for (key, value) in data.month | orderBy:'key' track by key"

Update

This orderBy will never work because you are having literal array. You need to convert this array to JSON like object which would structured like [{id: 0, value: "M"}, {id: 1, value: "January"},......]

HTML

ng-options="item.id as item.value for items in data.month | orderBy:'id'"

Demo Plunkr

Related questions

key-value pairs in ng-options

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> <…

Read More
Angularjs populate select options with json

I am looking to populate select option with values from a basic json array. The example I have is a country select. Each country has an id element and a name plus other fields that I can ignore. Basically I …

Read More
Angularjs: How to include empty option in select when using ng-option

How can I add empty option in the beginning when I use ng-option to provide predefined list of options which doesn't include empty one? An example in jade select(ng-model="property.Value", ng-options="item.Value as item.Name for item …

Read More