how to show the grouping the array of objects using angular js

Question

I have the array of object but I don't know how to group by the id as order. I want to show it numerical order like 1,2,3 using ng-repeat

$scope.arrayofobject=[{name:"testMachne","id":1},{name:"testComputer","id":2},{name:"testCalc","id":3},{name:"testMac","id":2},{name:"testMachne","id":3},{name:"testMachne","id":1}]

What is your expected output?

Ankit Agarwal
– Ankit Agarwal

2017-09-24 05:25:58 +00:00
Commented Sep 24, 2017 at 5:25 — Ankit Agarwal
– Ankit Agarwal, Commented Sep 24, 2017 at 5:25

Ankit Agarwal · Accepted Answer · 2017-09-24 07:52:00Z

1

You can use the orderBy filter:

angular.module('app',[]).controller('mainCtrl', function($scope){
     $scope.arrayofobject=[{name:"testMachne","id":1},{name:"testComputer","id":2},{name:"testCalc","id":3},{name:"testMac","id":2},{name:"testMachne","id":3},{name:"testMachne","id":1}];
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app' ng-controller='mainCtrl'>
   
    <div ng-repeat="json in arrayofobject | orderBy:'id' " ng-if='json.id !== 1'>
       {{json.name}}
    </div>
</div>

edited Sep 24, 2017 at 7:52

answered Sep 24, 2017 at 5:30

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

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

2 Comments

Angular js Over a year ago

thanks for the help.if i want to show the id 2 as in first position and 3 as second positon and so on.what could i do for this

Ankit Agarwal Over a year ago

you can use a condition in ng-repeat . Check my updated answer

Collectives™ on Stack Overflow

how to show the grouping the array of objects using angular js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related