How do I code a custom ordering function in angular?

Question

Having

<div class="item" data-ng-repeat="course in courses | filter:filterCourses | orderBy:predicate">...

and

$scope.predicate = function(course) {
    //$scope.orderProp
};

what code do I need to put inside the predicate so I can

order the same way the default orderBy:predicate will order(not sure if this makes sense)
place empty course.StartDate at the end of the list

Notes:

course is an Object with different properties like title, startDate, code
$scope.orderProp contains the value to sort by: title, startDate, code. When startDate is empty I would like to place those items at the end of the list but still keep sorting by date properly, start date is an "integer" that I later display with ng-date in nicer form

Thank you

Answer: Here's what I ended up with http://jsfiddle.net/3hz2j8j7/

did you try reading the orderBy docs?

charlietfl
– charlietfl

2014-09-10 21:19:04 +00:00
Commented Sep 10, 2014 at 21:19 — charlietfl
– charlietfl, Commented Sep 10, 2014 at 21:19
saw those but I'm not sure they relate to my problem

orbitory
– orbitory

2014-09-10 21:38:08 +00:00
Commented Sep 10, 2014 at 21:38 — orbitory
– orbitory, Commented Sep 10, 2014 at 21:38
What is the "default orderBy:predicate" ???

gkalpak
– gkalpak

2014-09-10 22:25:29 +00:00
Commented Sep 10, 2014 at 22:25 — gkalpak
– gkalpak, Commented Sep 10, 2014 at 22:25

Constantinos · Accepted Answer · 2014-09-10 23:06:08Z

2

OrderBy can accept a list of predicates (a bit like saying "order by A, then B"). So your first predicate will ensure that blank start dates go at the end, and your second one will use the value of orderProp:

<div ... orderBy:[nonEmptyStartDate, orderProp]">

$scope.nonEmptyStartDate = function(course) {
    return course.startDate=="" ? 1 : 0;
}

answered Sep 10, 2014 at 23:06

Constantinos

1,20812 silver badges18 bronze badges

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

Comments

Yannick Serra · Accepted Answer · 2014-09-11 07:26:05Z

1

in addition to Constantinos answer, I did a jsfiddle for you with your exact data. All the Angular magic is in

<div ng-repeat="course in courses|orderBy:[nonEmptyStartDate,orderProp]:true">

Where orderProp='title' so that first data are ordered by non empty date first and then by title. Please let us know .

answered Sep 11, 2014 at 7:26

Yannick Serra

3801 gold badge3 silver badges12 bronze badges

Collectives™ on Stack Overflow

How do I code a custom ordering function in angular?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related