Sorting an array of objects in ng-repeat using orderBy

Question

I have an array of objects and I am trying to sort (or group) them by a boolean object attribute with using angularjs' ng-repeat functionality.

I tried using orderBy and groupBy but none of them worked.

here is my html:

<tbody md-body>
                        <tr md-row ng-repeat="item in dashboardCtrl.unAckAlertList | limitTo : 4 | orderBy: 'item.urgent'">
                            <td md-cell>
                                <i ng-if="item.urgent" class="fa fa-warning" style="font-size:22px;color:red;"></i><i ng-if="!item.urgent" class="fa fa-warning" style="font-size:22px;color:slategray;"></i><span><b> {{item.status}}</b></span>
                            </td>
                            <td md-cell>
                                {{item.MyName}} / {{item.sourceProperty}}
                            </td>
                            <td md-cell>
                                {{item.name}}
                            </td>

It never worked and I wonder why.

Brynden · Accepted Answer · 2016-06-02 20:00:43Z

1

orderBy looks for the properties you tell it to, within the current element from your array.

In the snippet you provided, you gave the current element the name of item, which is what orderBy will look for properties in.

You do not need to write orderBy: item.urgent. If you write orderBy: urgent, Angular should be able to figure the rest out.

answered Jun 2, 2016 at 20:00

Brynden

38.3k2 gold badges18 silver badges22 bronze badges

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

Comments

Alexander Kravets · Accepted Answer · 2016-06-02 20:03:44Z

1

You should use the following syntax:

orderBy: 'urgent'

Here the quote from the documentation on using string as an orderBy parameter:

string: An Angular expression. The result of this expression is used to compare elements (for example name to sort by a property called name)...

edited Jun 2, 2016 at 20:03

answered Jun 2, 2016 at 19:56

Alexander Kravets

4,4351 gold badge19 silver badges15 bronze badges

1 Comment

Mustafa Bereket Over a year ago

yes, I figured this was part of the problem too but also having ng-repeat limit to 4 before sorting the array caused the actual problem.

Mustafa Bereket · Accepted Answer · 2016-06-02 20:09:35Z

0

2 things caused this error:

Array should be sorted first and then you should limit the view.
Whichever object attribute you wanted to sort by, you should only put the attribute name, not object itself.

instead of:

ng-repeat="item in dashboardCtrl.unAckAlertList | limitTo : 4 | orderBy: 'item.urgent'"

it should be

ng-repeat="item in dashboardCtrl.unAckAlertList | orderBy: 'urgent' | limitTo : 4 "

answered Jun 2, 2016 at 20:09

Mustafa Bereket

1292 silver badges13 bronze badges

Collectives™ on Stack Overflow

Sorting an array of objects in ng-repeat using orderBy

3 Answers 3

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Related