Sắp xếp thả xuống theo thứ tự abc trong AngularJS

Tôi đang đưa ra một danh sách thả xuống thông qua việc sử dụng các tùy chọn ng được nối với bộ điều khiển mà đến lượt nó đang gọi một dịch vụ. Thật không may, dữ liệu đến là một mớ hỗn độn và tôi cần có thể sắp xếp nó theo thứ tự abc.

Bạn nghĩ rằng một cái gì đó như $.sortBysẽ làm điều đó nhưng thật không may, nó đã không làm được. Tôi biết tôi có thể sắp xếp nó thông qua javascript bằng phương thức trợ giúp function asc(a,b)hoặc đại loại như thế nhưng tôi từ chối tin rằng không có cách nào sạch hơn để làm điều này cộng với tôi không muốn làm hỏng bộ điều khiển bằng các phương thức trợ giúp. Đó là một cái gì đó rất cơ bản về nguyên tắc vì vậy tôi không hiểu tại sao AngularJS không có thứ này.

Có cách nào để làm một cái gì đó như thế $orderBy('asc')nào?

Thí dụ:

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

Sẽ rất hữu ích khi có các tùy chọn orderByđể bạn có thể làm bất cứ điều gì bạn muốn, bất cứ khi nào bạn thường cố gắng sắp xếp dữ liệu.

Angular có bộ lọc orderBy có thể được sử dụng như thế này:

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

Xem fiddle này cho một ví dụ.

Điều đáng chú ý là nếu track byđang được sử dụng, nó cần xuất hiện sau orderBybộ lọc, như thế này:

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

Bạn sẽ có thể sử dụng bộ lọc: orderBy

orderBycó thể chấp nhận một lựa chọn thứ ba cho reversecờ.

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

Ở đây mục được sắp xếp theo thuộc tính 'name' theo thứ tự đảo ngược. Đối số thứ 2 có thể là bất kỳ hàm thứ tự nào, vì vậy bạn có thể sắp xếp theo bất kỳ quy tắc nào.

@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/

Đối với bất cứ ai muốn sắp xếp biến trong lớp thứ ba:

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

bạn có thể làm như thế này

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