Tri déroulant par ordre alphabétique dans AngularJS

Je remplis une liste déroulante via l'utilisation de ng-options qui est accroché à un contrôleur qui à son tour appelle un service. Malheureusement, les données qui arrivent sont en désordre et je dois être en mesure de les trier par ordre alphabétique.

Vous pensez que quelque chose comme le $.sortByferait, mais malheureusement, il n'a pas fait jack. Je sais que je peux le trier via javascript avec une méthode d'aide function asc(a,b)ou quelque chose comme ça, mais je refuse de croire qu'il n'y a pas de moyen plus propre de faire cela et je ne veux pas gonfler le contrôleur avec des méthodes d'assistance. C'est quelque chose de si basique en principe, donc je ne comprends pas pourquoi AngularJS ne l'a pas.

Y a-t-il un moyen de faire quelque chose comme $orderBy('asc')?

Exemple:

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

Il serait extrêmement utile d'avoir des options pour orderByque vous puissiez faire ce que vous voulez, chaque fois que vous essayez habituellement de trier les données.

Angular a un filtre orderBy qui peut être utilisé comme ceci:

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

Voir ce violon pour un exemple.

Il convient de noter que s'il track byest utilisé, il doit apparaître après le orderByfiltre, comme ceci:

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

Vous devriez pouvoir utiliser le filtre: orderBy

orderBypeut accepter une troisième option pour le reversedrapeau.

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

Ici, l'élément est trié par propriété «nom» dans un ordre inversé. Le 2ème argument peut être n'importe quelle fonction d'ordre, vous pouvez donc trier n'importe quelle règle.

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

Pour tous ceux qui souhaitent trier la variable dans la troisième couche:

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

tu peux le faire comme ça

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