Javascript – orderBy multiple fields in Angular

angularjsangularjs-ng-repeatangularjs-orderbyjavascriptsorting

How to sort by using multiple fields at same time in angular? fist by group and then by sub-group
for Example

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

I wanted to display this as

group : Sub-group

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

Best Answer

Please see this:

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

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