Order by in Angular JS

Question

I would like to orderby below on card

<div ng-app="myApp" ng-controller="Ctrl">
    <div ng-repeat="card in myCards | orderBy:'card'">
       <businesscard>{{card}}</businesscard>
    </div>
</div>

angular.module('myApp', [])
.controller('Ctrl', function($scope) {
    $scope.myCards = ['J', 'S', 'A'];
});

The result i am expecting is, A J S

instead i am getting J S A

But how do i do it using angular js in the html using order by clause — Atish, Feb 16 '16 at 20:48
as far as I can see, your link is wroking and sorting by firstnames? — Kito, Feb 16 '16 at 20:55
your fiddle contains an array of objects whereas your question contains an array of values ... these will not behave the same way — FuzzyTree, Feb 16 '16 at 20:57
Sorry about that. wrong link. it works if just 'orderBy' is used. — Atish, Feb 16 '16 at 20:59

score 3 · Accepted Answer · edited May 23 '17 at 12:15

3

To sort by the value, simply provide no parameters to orderBy (see orderBy array item value in Angular ng-repeat):

<div ng-repeat="card in myCards | orderBy">

edited May 23 '17 at 12:15

Community

1
1

answered Feb 16 '16 at 20:50

FuzzyTree

32,014
3
54
85

score 0 · Answer 2 · answered Feb 16 '16 at 20:52

0

Try this

<div ng-repeat="card in myCards | orderBy:'toString()'">
   <businesscard>{{card}}</businesscard>
</div>

answered Feb 16 '16 at 20:52

ojus kulkarni

1,877
3
25
41

Order by in Angular JS

2 Answers2