I have a select drop down with the following data; (This is also the output to the console in Chrome).
{
8: "Something",
9: "Something Again!",
10: "And again",
11: "And again!",
12: "etc...",
13: "etc etc...",
}
The html and angular for the select drop down;
<select name="name" ng-model="choosen">
<option value="">Please Select</select>
<option ng-repeat="(key, value) in data" value="[[key]]">[[value]]</option>
</select>
The data is got from using the following query within Laravel (4.2) using the lists function;
Model::lists('name','id');
For some reason the data for the drop down gets reordered within my drop down to;
<select name="name" ng-model="choosen">
<option value="">Please Select</select>
<option value="10">And again</option>
<option value="11">And again!</option>
<option value="12">etc...</option>
<option value="13">etc etc...</option>
<option value="8">Something</option>
<option value="9">Something Again!</option>
</select>
How do i make the output from the ng-repeat run through the order of the data in the correct numerical order?
Like so;
<select name="name" ng-model="choosen">
<option value="">Please Select</select>
<option value="8">Something</option>
<option value="9">Something Again!</option>
<option value="10">And again</option>
<option value="11">And again!</option>
<option value="12">etc...</option>
<option value="13">etc etc...</option>
</select>
Plunkr is here