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>

Answer 1

检查内置过滤器顺序：http://docs.angularjs.org/api/ng.filter:orderBy

您还可以创建自己的过滤器以使用：http://docs.angularjs.org/guide/dev_guide.templates.filters.creating_filters

如何在选择下拉列表中重新排序选项？

1 个答案: