How to group data in Angular 2?

I would create a custom pipe to do that as described below: @Pipe({name: ‘groupBy’}) export class GroupByPipe implements PipeTransform { transform(value: Array<any>, field: string): Array<any> { const groupedObj = value.reduce((prev, cur)=> { (prev[cur[field]] = prev[cur[field]] || []).push(cur); return prev; }, {}); return Object.keys(groupedObj).map(key => ({ key, value: groupedObj[key] })); } } And then on your … Read more