Angular group by JSON multiple key

Question

I am using Angular field groupBy https://github.com/a8m/angular-filter#groupby , it is working like a charm for a simple JSON file but here my problem

$scope.players = [
  {name: 'Gene', team: 'alpha'},
  {name: 'George', team: ['alpha','beta']},
];

I want to have :

  Group name: alpha
    * player: Gene
    * player: George
  Group name: beta
    * player: George

But with my code I have :

  Group name: alpha
    * player: Gene
  Group name: alpha,beta
    * player: George

My code is the same as the example

<ul>
  <li ng-repeat="(key, value) in players | groupBy: 'team'">
    Group name: {{ key }}
    <ul>
      <li ng-repeat="player in value">
        player: {{ player.name }}
      </li>
    </ul>
  </li>
</ul>

Any help would be really appreciated, Thank you very much

It's not the same as the example you have an array ['alpha','beta'] and a string 'alpha' — michelem
– michelem, Commented Jun 23, 2016 at 13:22
Yes but what would be the solution if a player plays at team alpha & beta at the same time ? — Doapper
– Doapper, Commented Jun 23, 2016 at 13:24

Pankaj Kumar · Accepted Answer · 2016-06-23 13:02:06Z

1

iterate over the team object inside player json and then pass it to the filter bcoz it does not accept array

answered Jun 23, 2016 at 13:02

Pankaj Kumar

8815 silver badges12 bronze badges

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

1 Comment

Doapper Over a year ago

Thank you very much, but could you elaborate more please ?

Collectives™ on Stack Overflow

Angular group by JSON multiple key

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related