angularjs - 選択ドロップダウンリストでオプション項目を再ソートする方法は?

Question

キーと値のペアでバインドされた単純な選択ドロップダウン リストがあります。ただし、ドロップダウン リストには、希望する順序でオプション項目が表示されません。助けてください。ありがとうございました。

次のように表示したい:
10
20
30
50
100

ただし、これらのオプション項目は次のように表示されます (100 は間違った場所にあります)。

10
100
20
30
50

以下は、コントローラーの JS コードです。

var myApp = angular.module('ListLogsModule', []);

myApp.controller('ListLogsCtrl', function ($scope) {
    // the data is made in order I want.
    $scope.pageSizeOptions= {"10": "10", "20" : "20", "30" : "30", "50" : "50", "100" : "100"};
    // default selected item
    $scope.SelectedPageSize = "10";
}

そしてHTML：

<div ng-app="ListLogsModule" ng-controller="ListLogsCtrl">
        <span>Page Size:</span>

        <span>
            <select ng-model="SelectedPageSize" ng-options="k as v for (k,v) in pageSizeOptions" >

            </select>
        </span>

</div>