ng-repeat on array of arrays, orderBy subarray index

Question

Let's say I have this object:

var rows = [
    [1, 2, 3, 4],
    [11, 222, 3333, 4444]
];

Given that, and this template:

<tr ng-repeat="row in rows | orderBy ????">
    <td ng-repeat="cell in row">{{ cell }}</td>
</tr>

...how can I order an ng-repeat by the second "column" of each row (the value at index 1 of the given row element)?

Am I correct that Angular does not support this case—without having to write a custom sort function? (I'm just prototyping, so using ng-init to define my scope variables instead of creating a controller.)

Devin H. · Accepted Answer · 2015-06-25 20:17:56Z

3

Actually it does. You can create custom order by functions.

http://plnkr.co/edit/f6hCbHcLkrjyTODvDWjM?p=preview

<div ng-repeat="row in rows | orderBy:secondIndex">
    {{row}}
</div>

//In controller
$scope.secondIndex = function(arr){
    return arr[1];
}

answered Jun 25, 2015 at 20:17

Devin H.

1,1051 gold badge11 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Walter Chapilliquen - wZVanG · Accepted Answer · 2015-06-25 20:35:17Z

2

You just should to use orderBy:'1':

<tr ng-repeat="row in rows | orderBy:'1'">
   <td ng-repeat="cell in row">{{ cell }}</td>
</tr>

Demo

edited Jun 25, 2015 at 20:35

answered Jun 25, 2015 at 20:29

Walter Chapilliquen - wZVanG

12.1k8 gold badges44 silver badges64 bronze badges

2 Comments

core Over a year ago

Winner winner, chicken dinner!

Sujit Y. Kulkarni Over a year ago

Great. But I don't understand why that orderBy value is string?

Collectives™ on Stack Overflow

ng-repeat on array of arrays, orderBy subarray index

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related