How to group and display the values in angular js

Question

I have created a scope function like this

$scope.sample = [
   {'SUPNAME':'AAA','SUPCODE':'22671','SLIPNO':'18384','DESG':'1','iv':'1'},
   {'SUPNAME':'AAA','SUPCODE':'22671','SLIPNO':'18384','DESG':'2','iv':'2'},
   {'SUPNAME':'AAA','SUPCODE':'22671','SLIPNO':'18384','DESG':'3','iv':'3'},
   {'SUPNAME':'BBB','SUPCODE':'24603','SLIPNO':'26714','DESG':'1','iv':'4'},
   {'SUPNAME':'BBB','SUPCODE':'24603','SLIPNO':'26714','DESG':'2','iv':'5'},
   {'SUPNAME':'BBB','SUPCODE':'24603','SLIPNO':'26714','DESG':'3','iv':'6'},
]

I have to display by grouping with same SUPNAME,SUPCODE,SLIPNO. For example I have to display it like this.

SUPNAME:AAA  SUPCODE=22671
DESG 1  DESG2 DESG 3


SUPNAME:BBB   SUPCODE=24603
DESG 1  DESG2 DESG 3

So how can I create ng-repeat for this..Kindly give some solution.

try reformatting the whole sample data... This may speed the iterations. Otherwise you just loop, compare and paint — binariedMe
– binariedMe, Commented Jul 14, 2015 at 5:54
You'll need to group the data first. Sharing your research helps everyone. Tell us what you've tried and why it didn't meet your needs. This demonstrates that you've taken the time to try to help yourself, it saves us from reiterating obvious answers, and most of all it helps you get a more specific and relevant answer! Also see how to ask — Cerbrus
– Cerbrus, Commented Jul 14, 2015 at 5:55
you could simply filter for SupName or Supcode check this out should explain everything fdietz.github.io/recipes-with-angular-js/… — stackg91
– stackg91, Commented Jul 14, 2015 at 5:55

stackg91 · Accepted Answer · 2015-07-14 06:19:47Z

2

i tried to create a Codepen for your case

grouped Codepen

<table  class="table table-striped">
<tr><td>{{data1}}</td><td>{{data2}}</td></tr>
<tr ng-repeat="item in filteredsample = (sample | filter:{ SUPNAME: 'AAA'})">
</tr>
  <ul ng-repeat="thing in filteredsample">
<li style = "float:left; margin:20px">DESG VALUE {{$index}} = {{thing.DESG}}</li>
</ul>
</div>

Hope this helps

answered Jul 14, 2015 at 6:19

stackg91

5948 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

How to group and display the values in angular js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related