ember-group-by

!Download count all time    

ember-group-by provides a computed property macro for grouping objects by a
given property.

Installation

ember install ember-group-by

Usage

``javascript
import Controller from '@ember/controller';
import groupBy from 'ember-group-by';

export default class IndexController extends Controller {
@groupBy('model', 'color')
carsByColor;
}
`

This will return an array of POJOs with the following properties:

`javascript
[
{ property: 'color', value: 'red', items: [car1, car2] },
{ property: 'color', value: 'blue', items: [car3, car4] },
{ property: 'color', value: 'green', items: [car5] }
]
`

Each group object will have the following properties:

- property The name of the property that you grouped the items by
- value The value for the property that you grouped the items by
- items All of the objects with the matching value for that property

You can then use this in your templates to do cool things like:

`handlebars


Cars grouped by color

{{#each this.carsByColor as |group|}}


Cars that have {{group.property}} {{group.value}}

{{#each group.items as |car|}}

• {{car.name}}

{{/each}}


{{/each}}
`

There is also an example in test/dummy.

Running Tests

* npm test (Runs ember try:each to test your addon against multiple Ember versions)
* ember test
* ember test --server`

For more information on using ember-cli, visit https://ember-cli.com/.