Angular ng-repeat orderBy multiple fields as one field

Question

My question is not the same as orderBy multiple fields in Angular.

My array has objects where some have

{
  estimatedStartDate : "..."
}

and some have :

{
  actualStartDate : "..."
}

So is there a way to orderBy considering both fields.

orderBy:['estimatedStartDate','actualStartDate']

^ This doesn't work.

Here is a fiddle: http://jsfiddle.net/g201tudg/1/

So pretend like both of these fields are the same and then sort ?

score 3 · Accepted Answer · edited May 17 '16 at 16:13

3

Add a function like this to your controller:

$scope.sortByEitherDate = function(row) {
    if (row.actualStartDate) {
        return row.actualStartDate;
    }
    return row.estimatedStartDate;
}

Then order by it with orderBy:sortByEitherDate

working fiddle: http://jsfiddle.net/g201tudg/4/

edited May 17 '16 at 16:13

Sumama Waheed

3,579
3
18
32

answered May 17 '16 at 15:59

Mike Feltman

5,160
1
17
38

1

On the 2nd return you're missing a `row.`. – John Smith May 17 '16 at 16:02
1

orderBy:sortByEitherDate instead of orderBy:'sortByEitherDate' – tpsilva May 17 '16 at 16:10

score 1 · Answer 2 · answered May 17 '16 at 16:00

You could write your own custom order function. It would take a parameter - your card - and return either of those fields.

JS:

    $scope.sort = function(card) {
        return card.actualStartDate !== undefined ? card.actualStartDate : card.estimatedStartDate;
    }

HTML:

<div ng-repeat="card in myCards | orderBy:sort">...</div>

score 0 · Answer 3 · edited May 23 '17 at 12:07

0

https://stackoverflow.com/a/25116296/2474688
Try this and see if it works. Just going through this thread it looks like they are sorting based upon the index via a custom filter.

edited May 23 '17 at 12:07

Community

1
1

answered May 17 '16 at 15:59

jsmtslch

708
7
19

score 0 · Answer 4 · answered May 17 '16 at 16:00

0

You can use custom OrderBy sorting :

<tr ng-repeat="contact in contacts | orderBy:randomSort"> 

$scope.randomSort = function(contact) {
  // your condition
};

answered May 17 '16 at 16:00

Kais

1,925
3
23
35

score 0 · Answer 5 · answered May 17 '16 at 16:01

0

By my experience, Angular ngRepeat order does not like undefined values, so adding missing members as null fixes your issue.

By the way, you do not need to mention "doc". Just writing the member is enough.

Also, writing custom sorting method consumes client resources a lot.

Here is the edited fiddle which works correctly: http://jsfiddle.net/g201tudg/2/

answered May 17 '16 at 16:01

Ahmad M. Sadeghi

3
2

thank i removed the doc. , it was part of my custom code. Your fiddle doesn't work. I should see 1 2 3 4 5 since B = 1, E = 2 , etc – Sumama Waheed May 17 '16 at 16:10

Angular ng-repeat orderBy multiple fields as one field

5 Answers5