2

Antes no Angular 1 quando eu queria fazer um agrupamento de dados fazia assim:

ng-repeat="(key, value) in me | groupBy: 'role_id'"

No meu objeto me tinha uma lista de usuários com um campo role_id diferente. Daí eu queria fazer assim:

# Admin
Diego
João
Maria

# User
Márcio
Alex
Daniella

Só com essa linha de comando eu conseguia agrupar. Mas não estou conseguindo fazer isso no Angular 2 (TypeScript), usando o Ionic.

Que comando é similar a esse para usar no Angular 2?

Estou usando o NgFor, mas não consigo fazer o agrupamento.

2

1 Resposta 1

2

Os filters de AngularJS não passaram para o Angular2 e não existem (muitos) pipes que existam por default.

Portanto, primeiro terás que fazer o @Pipe() "group_by" e depois sim, podes usa-lo.

No entanto, podes sempre agrupar antes de fazer o ngFor por exemplo quando recebes os dados;

Alguma coisa como:

const role = "dev"
const groupedArray = me.filter(entry => entry.role_id === role);

e depois iterar sob a groupedArray ao invés de me:

<div *ngFor="let user in groupedArray">
    {{user.name}} {{user.role_id}} {{user.cenas}}
</div>
4
  • Qual a definição de @Pipe? 21/06/2017 às 14:31
  • @DiegoSouza @Pipe() é o decorator equivalente ao filter; Este é uma class, normal, decorada com @Pipe() para o Angular saber "o quê é o quê" - da mesma forma que existem os decorators de @Component()
    – MoshMage
    21/06/2017 às 14:35
  • O que é @Decorator? 21/06/2017 às 14:47
  • @DiegoSouza fica mais facil assim
    – MoshMage
    21/06/2017 às 14:59

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .