orderBy number angular js

Question

I have an array of objects...

var userObjects =[
{userName: bob,
 age: "25",
 gender: "m"
},
{userName: bill,
 age: "15",
 gender: "m"
},
{userName: jen,
 age: "45",
 gender: "f"
},
]

Now I have an ng-repeat in my HTML to iterate over this array of objects. I want it to sort the age:

<tr ng-repeat="user in userObjects | orderBy:-age">

In my JS I am converting my ages to intergers....

data.forEach(function(user){
   user.age= parseFloat(user.age);
}

Angular will not sort by age, I would expect to see...

bill, 15
bob, 25
jen, 45

But instead they are all over the place. What am I doing wrong?

Thanks!

score 9 · Accepted Answer · answered Jun 13 '14 at 19:55

9

Try wrapping -age in single quotes, like '-age'

answered Jun 13 '14 at 19:55

XrXr

2,027
1
14
20

score 7 · Answer 2 · edited May 16 '16 at 14:53

7

Not necessary to convert strings to numbers in JS.

Make it in pure Angular with filter:

| orderBy:'-1*age'`

edited May 16 '16 at 14:53

Gustavo Morales

2,614
9
29
37

answered May 16 '16 at 14:06

Oscar Gardiazabal

122
2
12

score 5 · Answer 3 · edited Sep 15 '17 at 06:54

5

Following will convert the 'age' into numeric and sort in ascending order.

| orderBy : 'age/1'

edited Sep 15 '17 at 06:54

Thomas Kekeisen

4,355
4
35
54

answered Mar 29 '17 at 18:43

Imran Khan

51
1
2

score 1 · Answer 4 · answered Jun 16 '14 at 11:13

1

Try this dude.....

ng-repeat="user in userObjects | orderBy:'age'">

answered Jun 16 '14 at 11:13

Alagarasan M

907
8
16

score 0 · Answer 5 · edited Aug 04 '17 at 08:13

0

Ascending order:-

<div ng-repeat="person in persons | orderBy:'age'">

Descending order:-

<div ng-repeat="person in persons | orderBy:'-age'">

edited Aug 04 '17 at 08:13

Harikrishnan K.N.

4,560
2
17
28

answered Mar 25 '16 at 10:43

N.Y. Gudlanur

125
1
4

5

The OP is already including that code in their question. How does this help with anything? – ryanyuyu Mar 25 '16 at 12:50
@ryanyuyu He has the 'age' in quotes, which is correct answer. – Nagarjuna Yendluri Oct 18 '17 at 20:59

score 0 · Answer 6 · answered Jul 27 '17 at 11:45

angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
        {name:'Jani',age:'18'},
        {name:'Carl',age:'32'},
        {name:'Margareth',age:'21'},
        {name:'Hege',age:'14'},
        {name:'Joe',age:'36'},
        {name:'Gustav',age:'42'},
        {name:'Birgit',age:'28'},
        {name:'Mary',age:'58'},
        {name:'Kai',age:'26'}
        ];
});

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">

<p>Looping with objects:</p>
<ul>
  <li ng-repeat="x in names | orderBy:'age'">
    {{ x.name + '-' + x.age }}
  </li>
</ul>

</div>

</body>
</html>

orderBy number angular js

6 Answers6