Angular'daki birden çok alan tarafından

Açısal olarak aynı anda birden çok alan kullanarak sıralama nasıl yapılır? gruba göre ve sonra Örnek için alt gruba göre yumruk

$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}];

Bunu şu şekilde göstermek istedim:

grup: Alt grup

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'" />

Lütfen şuna bakın:

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

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

Denetleyicinin içindeki çoklu alanlara göre sıralamak istiyorsanız bunu kullanın

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

Ayrıca bkz. 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']" />

Birden çok sipariş yerine kullanıcı dizisi

Sıralama açısal olarak 'orderBy' filtresi kullanılarak yapılabilir.

İki yolla: 1. Görünümden 2. Denetleyiciden

1. Görünümden

Sözdizimi:

{{array | orderBy : expression : reverse}} 

Örneğin:

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

2. Denetleyiciden

Sözdizimi:

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

Örneğin:

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

AngularJs filtreleri yapmanın 2 yolu vardır; bunlardan biri {{}} kullanarak HTML'de, diğeri de gerçek JS dosyalarında ...

Kullanarak sorunu çözebilir:

{{ Expression | orderBy : expression : reverse}}

HTML'de kullanırsanız veya aşağıdaki gibi bir şey kullanırsanız:

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

Tersi sonunda isteğe bağlıdır, bir boole kabul eder ve doğruysa, Diziyi sizin için tersine çevirir, Dizinizi tersine çevirmek için çok kullanışlı bir yol ...

Bir nesnenin birden çok sütununa / özelliklerine göre sıralamak için bu kullanışlı parçayı yazdım. Art arda gelen her sütun tıklamasında kod, tıklatılan son sütunu depolar ve onu, artan bir tıklanan sütun dizesi adı listesine ekleyerek sortArray adlı bir diziye yerleştirir. Yerleşik Açısal "orderBy" filtresi sortArray listesini okur ve sütunları burada saklanan sütun adlarının sırasına göre sıralar. Böylece, son tıklanan sütun adı birincil sıralı filtre haline gelir, öncekini öncekinde öncekini tıklar vb. Ters sıra tüm sütun sırasını bir kerede etkiler ve tüm dizi listesi kümesi için artan / azalanları değiştirir:

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

Sıralama için Boru oluşturuldu. Birden çok değere göre sıralama yaparak dize ve dize dizilerini kabul eder. Açısal için çalışır (Açısal JS değil). Dize ve sayılar için sıralamayı destekler.

@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
            }
        });
    }
}

Sıralamanın son kullanıcı için karmaşık olmadığından emin olun. Her zaman grup ve alt grupta sınıflandırmanın anlaşılması biraz karmaşık olduğunu düşündüm. Eğer teknik bir son kullanıcı ise sorun olabilir.