How to the group by with 2 columns in Angular filter using AngularJS [duplicate]

Question

I have an array of an object having 3 properties name

1.name 2.team 3.age

I want group with both age and team.i done group with team but i have confusion how i need to group with both team and age in my current code.

I need to show the age of the team with the team name. Please suggest what should I do?

JS:

 $scope.MyList = [
    {name: 'Gene', team: 'alpha', age: 19},
      {name: 'George', team: 'beta', age: 19},
      {name: 'Steve', team: 'gamma', age: 23},
      {name: 'Paula', team: 'beta', age: 23},
      {name: 'Scruath', team: 'gamma', age: 23},
      {name: 'Scruath 1', team: 'gamma', age: 22},
      {name: 'Scruath 2', team: 'gamma', age: 22}
                    ];
    $scope.getGroups = function () {
        var groupArray = [];
        angular.forEach($scope.MyList, function (item, idx) {
            if (groupArray.indexOf(item.team) == -1){ groupArray.push(item.team)
            }
        });
        return groupArray.sort();
    }

HTML:

  <div ng-repeat='group in getGroups()'>
             <h2>{{group}}</h2>
              <ul>
                <li ng-repeat="item in MyList |  groupby:group">{{item.name}}</li>
            </ul>
        </div>

@ Maxim Shoustin : yes but i want solution how to modify my code — Nareaman Gode
– Nareaman Gode, Commented Aug 31, 2017 at 10:38

Ghulam Mohayudin · Accepted Answer · 2017-08-31 10:27:25Z

0

you can do it like this

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

For more details you can see this

answered Aug 31, 2017 at 10:27

Ghulam Mohayudin

1,11310 silver badges20 bronze badges

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

6 Comments

Nareaman Gode Over a year ago

Groupby is not working some reason in my application you have idea to archive in my code ??

Nareaman Gode Over a year ago

you have idea it would be really helpful

Ghulam Mohayudin Over a year ago

you also want to group by with name?

Nareaman Gode Over a year ago

im not understand pls guide me where i need to change my code to archive this

Ghulam Mohayudin Over a year ago

what you want to do?

|

Collectives™ on Stack Overflow

How to the group by with 2 columns in Angular filter using AngularJS [duplicate]

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related