javascript - AngularJS can't get months dropdown to display in order - Stack Overflow

admin管理员组

文章数量:1292116

I can't seem to get the months to show properly, October always es after January because its value is 10... which I am assuming somehow in some sorting is less than 2. Here is the fiddle for the code:

/

<select ng-model="month" ng-options="key as value for (key,value) in months"></select>

I had the same issue with countries where I couldn't get USA to appear as second entry as it would do its own crazy sorting.

Any help appreciated.

I can't seem to get the months to show properly, October always es after January because its value is 10... which I am assuming somehow in some sorting is less than 2. Here is the fiddle for the code:

http://jsfiddle/naZQA/

<select ng-model="month" ng-options="key as value for (key,value) in months"></select>

I had the same issue with countries where I couldn't get USA to appear as second entry as it would do its own crazy sorting.

Any help appreciated.

• javascript
• sorting
• angularjs

Share Follow asked Mar 22, 2013 at 21:44 agrublevagrublev 76811 gold badge88 silver badges2222 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

Using ng-options with an object is just iterating over the object properties which aren't guaranteed to be in any order. If you can change it to be an array, they are guaranteed to be in the order specified. Updated fiddle. Then the select looks like this:

<select ng-model="month" ng-options="currMonth for currMonth in months"></select>

If you needed to keep the same values for the ng-model, you can also have an array of key/value pairs. See this fiddle Then the select looks like this:

<select ng-model="month" ng-options="currMonth.key as currMonth.value for currMonth in months"></select>

It was discussed in this question here . And hence angular does not allow to use orderBy with simple hashes, you are not able to proceed with sorting without restructuring your data. Here's a fiddle with changed data structure fiddle

Update: updated link to fiddle

Try this workaround I mented in AngularJS select docs.
Use months.indexOf(m) as the select value.

<select ng-model="monthIndex" ng-options="months.indexOf(m) as m for m in months"></select>

This way you can use a simple string array as the source and have ng-model updated with the selected index.
Try it here: jsbin

本文标签： javascriptAngularJS can39t get months dropdown to display in orderStack Overflow