orderDengan beberapa bidang dalam Angular

Bagaimana cara mengurutkan dengan menggunakan beberapa bidang sekaligus dalam sudut? tinju oleh kelompok dan kemudian oleh sub-kelompok untuk Contoh

$scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1},
    {'group':2,'sub':11}];

Saya ingin menampilkan ini sebagai

grup: Subkelompok

1 - 1

1 - 2

1 - 20

2 - 1

2 - 10

2 - 11

<select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | orderBy:'group' | orderBy:'sub'" />

Silakan lihat ini:

http://jsfiddle.net/JSWorld/Hp4W7/32/

<div ng-repeat="division in divisions | orderBy:['group','sub']">{{division.group}}-{{division.sub}}</div>

Jika Anda ingin mengurutkan pada bidang mulitple di dalam controller gunakan ini

$filter('orderBy')($scope.property_list, ['firstProp', 'secondProp']);

Lihat juga https://docs.angularjs.org/api/ng/filter/orderBy

<select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | orderBy:['group','sub']" />

Array pengguna alih-alih beberapa orderBY

Penyortiran dapat dilakukan dengan menggunakan filter 'orderBy' di sudut.

Dua cara: 1. Dari tampilan 2. Dari pengontrol

1. Dari tampilan

Sintaksis:

{{array | orderBy : expression : reverse}} 

Sebagai contoh:

 <div ng-repeat="user in users | orderBy : ['name', 'age'] : true">{{user.name}}</div>

2. Dari pengontrol

Sintaksis:

$filter.orderBy(array, expression, reverse);

Sebagai contoh:

$scope.filteredArray = $filter.orderBy($scope.users, ['name', 'age'], true);

Ada 2 cara melakukan filter AngularJs, satu di HTML menggunakan {{}} dan satu di file JS aktual ...

Anda dapat memecahkan masalah Anda dengan menggunakan:

{{ Expression | orderBy : expression : reverse}}

jika Anda menggunakannya dalam HTML atau menggunakan sesuatu seperti:

$filter('orderBy')(yourArray, yourExpression, reverse)

Kebalikannya adalah opsional pada akhirnya, ia menerima boolean dan jika itu benar, itu akan membalikkan Array untuk Anda, cara yang sangat berguna untuk membalik ...

Saya menulis bagian praktis ini untuk mengurutkan berdasarkan beberapa kolom / properti suatu objek. Dengan setiap klik kolom berurutan, kode menyimpan kolom terakhir yang diklik dan menambahkannya ke daftar nama string kolom yang diklik, menempatkannya dalam array yang disebut sortArray. Filter built-in Angular "orderBy" cukup membaca daftar sortArray dan memesan kolom dengan urutan nama kolom yang disimpan di sana. Jadi nama kolom yang terakhir diklik menjadi filter urutan utama, yang sebelumnya diklik berikutnya sebagai prioritas, dll. Urutan terbalik mempengaruhi semua urutan kolom sekaligus dan matikan naik / turun untuk daftar susunan array lengkap:

<script>
    app.controller('myCtrl', function ($scope) {
        $scope.sortArray = ['name'];
        $scope.sortReverse1 = false;
        $scope.searchProperty1 = '';
        $scope.addSort = function (x) {
            if ($scope.sortArray.indexOf(x) === -1) {
                $scope.sortArray.splice(0,0,x);//add to front
            }
            else {
                $scope.sortArray.splice($scope.sortArray.indexOf(x), 1, x);//remove
                $scope.sortArray.splice(0, 0, x);//add to front again
            }
        };
        $scope.sushi = [
        { name: 'Cali Roll', fish: 'Crab', tastiness: 2 },
        { name: 'Philly', fish: 'Tuna', tastiness: 2 },
        { name: 'Tiger', fish: 'Eel', tastiness: 7 },
        { name: 'Rainbow', fish: 'Variety', tastiness: 6 },
        { name: 'Salmon', fish: 'Misc', tastiness: 2 }
        ];
    });
</script>
<table style="border: 2px solid #000;">
<thead>
    <tr>
        <td><a href="#" ng-click="addSort('name');sortReverse1=!sortReverse1">NAME<span ng-show="sortReverse1==false">&#9660;</span><span ng-show="sortReverse1==true">&#9650;</span></a></td>
        <td><a href="#" ng-click="addSort('fish');sortReverse1=!sortReverse1">FISH<span ng-show="sortReverse1==false">&#9660;</span><span ng-show="sortReverse1==true">&#9650;</span></a></td>
        <td><a href="#" ng-click="addSort('tastiness');sortReverse1=!sortReverse1">TASTINESS<span ng-show="sortReverse1==false">&#9660;</span><span ng-show="sortReverse1==true">&#9650;</span></a></td>
    </tr>
</thead>
<tbody>
    <tr ng-repeat="s in sushi | orderBy:sortArray:sortReverse1 | filter:searchProperty1">
        <td>{{ s.name }}</td>
        <td>{{ s.fish }}</td>
        <td>{{ s.tastiness }}</td>
    </tr>
</tbody>
</table>

Dibuat Pipa untuk disortir. Menerima string dan array string, mengurutkan berdasarkan beberapa nilai. Bekerja untuk Angular (bukan AngularJS). Mendukung penyortiran untuk string dan angka.

@Pipe({name: 'orderBy'})
export class OrderBy implements PipeTransform {
    transform(array: any[], filter: any): any[] {
        if(typeof filter === 'string') {
            return this.sortAray(array, filter)
        } else {
            for (var i = filter.length -1; i >= 0; i--) {
                array = this.sortAray(array, filter[i]);
            }

            return array;
        }
    }

    private sortAray(array, field) {
        return array.sort((a, b) => {
            if(typeof a[field] !== 'string') {
                a[field] !== b[field] ? a[field] < b[field] ? -1 : 1 : 0
            } else {
                a[field].toLowerCase() !== b[field].toLowerCase() ? a[field].toLowerCase() < b[field].toLowerCase() ? -1 : 1 : 0
            }
        });
    }
}

Pastikan penyortirannya tidak rumit bagi pengguna akhir. Saya selalu berpikir memilah grup dan sub grup agak rumit untuk dipahami. Jika ini adalah pengguna akhir teknis mungkin OK.