AngularJSでドロップダウンをアルファベット順に並べ替える

ng-optionsを使用してドロップダウンに値を入力します。ng-optionsは、サービスを呼び出すコントローラーにフックされています。残念ながら、入ってくるデータはごちゃごちゃしているので、アルファベット順にソートできるようにする必要があります。

あなたは何か$.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

orderByreverseフラグの3番目のオプションを受け入れることができます。

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

ここでは、アイテムは「名前」プロパティで逆順にソートされています。2番目の引数は任意の順序関数にすることができるため、任意のルールで並べ替えることができます。

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

変数を第3層でソートしたい場合：

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