Sortowanie listy rozwijanej alfabetycznie w AngularJS

Wypełniam listę rozwijaną za pomocą opcji ng-options, która jest podłączona do kontrolera, który z kolei wywołuje usługę. Niestety napływające dane są bałaganem i muszę być w stanie posortować je alfabetycznie.

Myślisz, że coś takiego $.sortByby to zrobiło, ale niestety nie zrobiło to jack. Wiem, że mogę to posortować za pomocą javascript za pomocą metody pomocniczej function asc(a,b)lub czegoś podobnego, ale nie wierzę, że nie ma na to czystszego sposobu, a ponadto nie chcę nadużywać kontrolera metodami pomocniczymi. Jest to w zasadzie coś tak podstawowego, że nie rozumiem, dlaczego AngularJS tego nie ma.

Czy jest sposób na zrobienie czegoś takiego $orderBy('asc')?

Przykład:

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

Niezwykle przydatne byłoby posiadanie opcji, orderBydzięki którym możesz robić, co chcesz, za każdym razem, gdy zwykle próbujesz sortować dane.

Angular ma filtr orderBy, którego można użyć w następujący sposób:

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

Zobacz na przykład to skrzypce .

Warto zauważyć, że jeśli track byjest używany, musi pojawić się za orderByfiltrem, na przykład:

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

Powinieneś być w stanie użyć filtra: orderBy

orderBymoże zaakceptować trzecią opcję dla reverseflagi.

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

Tutaj element jest sortowany według właściwości „nazwa” w odwrotnej kolejności. Drugim argumentem może być dowolna funkcja porządkowa, więc możesz sortować według dowolnej reguły.

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

Dla każdego, kto chce posortować zmienną w trzeciej warstwie:

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

możesz to zrobić w ten sposób

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