Angular orderBy multiple fields with priority given to one field

Question

Following on from a previous question on this topic (orderBy multiple fields in Angular), I'm wondering if it is possible to achieve this. Essentially, I want to orderBy multiple fields, but give priority to one of the fields if their value isn't null.

I'm using orderBy like so:

orderBy:['-sub','group']

From what I understand, the first item in the list of fields is given priority, but they are appearing at the bottom of the list.

score 2 · Answer 1 · answered Jun 11 '15 at 15:53

2

Then you should do something like this orderBy:['!-sub','group']"

Markup

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

Updated Fiddle

answered Jun 11 '15 at 15:53

Pankaj Parkar

130,886
22
223
289

This works nicely. Thank you very much. Out of interest, where did you find this? There is no mention in the docs about '!'. – abyrne85 Jun 12 '15 at 14:46
@abyrne85 I was playing with it..It got worked..Really that was amazing.. :) – Pankaj Parkar Jun 12 '15 at 14:49

Angular orderBy multiple fields with priority given to one field

1 Answers1