在AngularJS中按字母排序下拉列表

我通过使用ng-option填充了一个下拉列表，该下拉列表挂接到了依次调用服务的控制器上。不幸的是，输入的数据是一团糟，我需要能够按字母顺序对其进行排序。

您认为类似的事情$.sortBy可以做到，但不幸的是，它并没有成功。我知道我可以使用辅助方法function asc(a,b)或类似方法通过javascript对其进行排序，但我拒绝相信没有更干净的方法可以执行此操作，而且我不想使用辅助方法来夸大控制器。原则上，它是如此基本，所以我不理解为什么AngularJS没有这个。

有没有办法做类似的事情$orderBy('asc')？

例：

<select ng-option="items in item.$orderBy('asc')"></select>

拥有选项将非常有用，orderBy这样您通常在尝试对数据进行排序时就可以做任何想做的事情。

Angular有一个orderBy过滤器，可以这样使用：

<select ng-model="selected" ng-options="f.name for f in friends | orderBy:'name'"></select>

有关示例，请参见此小提琴。

值得注意的是，如果track by正在使用它，它需要出现在orderBy过滤器之后，如下所示：

<select ng-model="selected" ng-options="f.name for f in friends | orderBy:'name' track by f.id"></select>

您应该能够使用过滤器： orderBy

orderBy可以接受该reverse标志的第三个选项。

<select ng-option="item.name for item in items | orderBy:'name':true"></select>

在此，项目按“名称”属性以相反的顺序排序。第二个参数可以是任何顺序函数，因此您可以按任何规则排序。

@see http://docs.angularjs.org/api/ng.filter:orderBy

var module = angular.module("example", []);

module.controller("orderByController", function ($scope) {
    $scope.orderByValue = function (value) {
        return value;
    };

    $scope.items = ["c", "b", "a"];
    $scope.objList = [
        {
            "name": "c"
        }, {
            "name": "b"
        }, {
            "name": "a"
        }];
        $scope.item = "b";
    });

http://jsfiddle.net/Nfv42/65/

对于想在第三层对变量进行排序的任何人：

<select ng-option="friend.pet.name for friend in friends"></select>

你可以这样

<select ng-option="friend.pet.name for friend in friends | orderBy: 'pet.name'"></select>