I'm trying to get a select dropdown with AngularJS. The problem resides in the order of the options : 10 comes right after 2, instead of being at the end of the options list. How can I manage to put it where it should be ?

**HTML**

```
<div ng-app>
  <div ng-controller="TestCtrl">
      <select ng-model="val" ng-options="k as v for (k,v) in notes">
      </select>
</div>

```

**JS**

```
function TestCtrl($scope) {
    $scope.notes = {
    '0': 'Non applicable',
    '1': '1 -Très Mauvais',
    '2': '2 -Mauvais',
    '3': '3 -Insuffisant',
    '4': '4 -Mediocre',
    '5': '5 -Moyen',
    '6': '6 -Correct',
    '7': '7 -Bon',
    '8': '8 -Très bon',
    '9': '9 -Excellent',
    '10': '10 -Parfait'
    };
}

```

Here is a [fiddle](http://jsfiddle.net/vTap4/1/) to demonstrate.

Thanks in advance.