How to orderBy a array of objects in descending order in angularjs?

Question

I have a very simple array of objects and I want to sort it using $filter('orderBy') in javascript. Somehow it doesn't seem to work. jsFiddle

Here is the code

var app = angular.module('myApp', []);

app.controller('myController', function($scope, $filter){
    var person = [{
  name : "Saras"
  },
  {
  name : "Arya"
  }];
  $filter('orderBy')(person, 'name');
  console.log(person);
});

I don't understand why I can't get this to work? Help is appreciated. And the solution should be in JS not in HTML.

Aleksandar Đokić · Accepted Answer · 2016-07-22 20:10:44Z

12

Adding + or - prefix on orderBy parameter will order by + (ascending) or -(desc);

example:

<li ng-repeat="x in customers | orderBy : '-city'">
    {{x.name + ", " + x.city}}
</li>

more at : http://www.w3schools.com/angular/ng_filter_orderby.asp

Or if you want to console.log it then just add name as parameter in quotations :

$filter('orderBy')(person, 'name');

answered Jul 22, 2016 at 20:10

Aleksandar Đokić

2,39921 silver badges40 bronze badges

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

1 Comment

Dudi Over a year ago

U can also use ! : <li ng-repeat="x in customers | orderBy : '!city'">

Pankaj Parkar · Accepted Answer · 2016-07-22 20:23:44Z

10

You should pass 2nd parameter as property name name, then assign that filtered result to desire scope variable wherever you want. So there will not be any filtering needs to be done on UI ng-repeat output.

$scope.person = $filter('orderBy')(person, 'name');

<div  ng-repeat="p in person">
   {{p.name}}
</div>

Forked Fiddle Here

If you wanted to see it on view you should keep that property on one of scope variable, or rather you can do this simple filtering on client side as well while displaying records.

<div  ng-repeat="p in person | orderBy: 'name'">
   {{p.name}}
</div>

Demo here

edited Jul 22, 2016 at 20:23

answered Jul 22, 2016 at 20:10

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

9 Comments

Saras Arya Over a year ago

It doesn't work... Could you post the link of a working fiddle... From the one given in question.

Pankaj Parkar Over a year ago

I have updated my answer, could you please look into the fiddle which I have in my answer?

Saras Arya Over a year ago

Can't the $scope.person array be modified in the controller file?

Pankaj Parkar Over a year ago

@SarasArya yes, it can be modified from controller

Sumit Joshi Over a year ago

if you want to sort in descending order then set true in third parameter like this: $scope.person = $filter('orderBy')(person, 'name', true);

|

Artjom B. · Accepted Answer · 2018-10-14 06:49:25Z

1

Example:

<tr ng-repeat="friend in friends | orderBy:'-age'">
    <td>{{friend.age}}</td>
    <td>{{friend.name}}</td>
</tr>

Use '-' Symbol Before your expression

edited Oct 14, 2018 at 6:49

Artjom B.

62k26 gold badges136 silver badges236 bronze badges

answered Oct 14, 2018 at 6:25

Muhammad Tanvir Mehthaf

215 bronze badges

2 Comments

Artjom B. Over a year ago

Hi Muhammad, can you explain what your answer provides in addition to the already given answers?

Muhammad Tanvir Mehthaf Over a year ago

@ArtjomB. I give that what expression should have to use beside value . for clarification . i give comments

chiranjiv · Accepted Answer · 2019-09-19 10:50:01Z

0

$scope.person = $filter('orderBy')($scope.person , 'name', true);

true for descending order and false for ascending order

answered Sep 19, 2019 at 10:50

chiranjiv

817 bronze badges

Collectives™ on Stack Overflow

How to orderBy a array of objects in descending order in angularjs?

4 Answers 4

1 Comment

9 Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

9 Comments

2 Comments

Comments

Related