Mengurutkan dropdown secara alfabet di AngularJS

Saya mengisi dropdown melalui penggunaan opsi-ng yang terhubung ke controller yang pada gilirannya memanggil layanan. Sayangnya data yang masuk berantakan dan saya harus bisa mengurutkannya berdasarkan abjad.

Anda pikir sesuatu seperti $.sortByakan melakukannya tetapi sayangnya itu tidak berhasil. Saya tahu saya bisa mengatasinya melalui javascript dengan metode pembantu function asc(a,b)atau sesuatu seperti itu tetapi saya menolak untuk percaya bahwa tidak ada cara yang lebih bersih untuk melakukan ini ditambah saya tidak ingin mengasapi controller dengan metode pembantu. Ini adalah sesuatu yang sangat mendasar pada prinsipnya jadi saya tidak mengerti mengapa AngularJS tidak memiliki ini.

Apakah ada cara melakukan sesuatu seperti $orderBy('asc')?

Contoh:

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

Akan sangat berguna untuk memiliki opsi orderBysehingga Anda dapat melakukan apa pun yang Anda inginkan, kapan pun Anda biasanya mencoba mengurutkan data.

Angular memiliki filter orderBy yang dapat digunakan seperti ini:

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

Lihat biola ini sebagai contoh.

Perlu dicatat bahwa jika track bysedang digunakan perlu muncul setelah orderByfilter, seperti ini:

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

Anda harus dapat menggunakan filter: orderBy

orderBydapat menerima opsi ketiga untuk reversebendera.

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

Di sini item diurutkan berdasarkan properti 'nama' dalam urutan terbalik. Argumen ke-2 dapat berupa fungsi pesanan apa pun, sehingga Anda dapat mengurutkan aturan apa pun.

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

Bagi siapa saja yang ingin mengurutkan variabel di lapisan ketiga:

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

Anda bisa melakukannya seperti ini

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