Tengo un Array con objetos como el siguiente:
[
{"profile": "PRUEBA1","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
{"profile": "PRUEBA3","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
{"profile": "PRUEBA1","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
{"profile": "PRUEBA3","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
{"profile": "PRUEBA1","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
]
Entonces tengo un menú donde tengo 3 botones:
| PRUEBA1 | PRUEBA2 | PRUEBA3 |
Necesito que cuando haga click se muestren los objetos de PRUEBA1, cuando haga click en PRUEBA3 que es muestren los de PRUEBA3 y así sucesivamente... He agrupado en un array por nombre de perfil de la siguiente manera.
of(this.allMovements).pipe(
mergeMap(res => res),
groupBy(item => item.profile),
mergeMap(obs => {
return obs.pipe(
toArray()
)
}), toArray()
).subscribe((p) => {
this.finalgroups = p;
});
Esto me da una salida como la siguiente:
0:[
{"profile": "PRUEBA1","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
{"profile": "PRUEBA1","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
{"profile": "PRUEBA1","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
]
1:[
{"profile": "PRUEBA3","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
{"profile": "PRUEBA3","benchmark": 0.01,"transferAmount": 3828604.78,"movement": 1},
]
2:[
undefined
]
El problema de esto es que prueba 3 debería ir en el lugar 2 del array, por que en este caso no tengo datos con el nombre del perfil PRUEBA2
Un saludo y muchas gracias!