Angular js : np-repeat sort

Question

I am trying to sort the dictionary in angular JS. Below is my code

 <table ng-if='dedup==false'  class="table table-hover table-striped"  >
        <th>Name</th>
        <th class="value">Count</th>
        <tr ng-repeat="(key,value) in result.Fields[0].FieldDistributions|orderBy:value:reverse ">
            <td>{{key}}</td>
            <td> {{value|number}}</td>
        </tr>
    </table>

I want to sort the table based on the value .

What went wrong in the code. Can any one help me ?

UPDATE :

{"Fields":[{"FieldName":"Employer","FieldDistributions":{"na":"30724","UK Civil Service":"561","National Health Service":"523","Compass Group":"496","Cit Group Limited":"491","Webrecruit Ltd":"266","Med Team Primary Care Services Limited":"135","Johnson & Johnson":"124","The Allstars Group":"95","Pj Carey Contractors Limited":"88"}}]}

This is my response

Thanks,

Community · Accepted Answer · 2017-05-23 12:01:37Z

1

For the orderBy filter, it's trying to evaluate the property on your scope for a function or string. So, it's not looking at the current value in the list; it's trying $scope.value which is probably undefined.

Rather, it's expecting a string property on each member of your list (or a function to evaluate the sort with). For example, if you had a list of people objects that you wanted to sort by name, you would use orderBy:"name":reverse.

So, you would just supply whatever property exists on your list members that you want to sort by, or implement a function to compare members of your list and pass that to orderBy.

If you're not dealing with objects, but just numeric/string values, then you can do what's suggested in this question: orderBy array item value in Angular ng-repeat.

Docs: https://docs.angularjs.org/api/ng/filter/orderBy

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Nov 19, 2014 at 5:53

jfairbank

1511 silver badge5 bronze badges

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

Comments

sagie · Accepted Answer · 2014-11-19 05:44:42Z

0

not sure how your modal looks like, but can you give this a try?

<table ng-if='dedup==false'  class="table table-hover table-striped"  >
        <th>Name</th>
        <th class="value">Count</th>
        <tr ng-repeat="rowData in result.Fields[0].FieldDistributions|orderBy:value:reverse ">
            <td>{{rowData.key}}</td>
            <td> {{rowData.value|number}}</td>
        </tr>
    </table>

answered Nov 19, 2014 at 5:44

sagie

1,79714 silver badges15 bronze badges

1 Comment

backtrack Over a year ago

I have added my response

Collectives™ on Stack Overflow

Angular js : np-repeat sort

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related