我有一个由键/值对绑定的简单选择下拉列表。但是,下拉列表不会按我想要的顺序显示选项项目。请帮忙。非常感谢。
我希望它显示如下:
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>
签出内置的筛选器orderBy:http://docs.angularjs.org/api/ng.filter:orderBy
您也可以创建自己的过滤器以使用:http://docs.angularjs.org/guide/dev_guide.templates.filters.creating_filters