tengo un arreglo
de objetos con arreglos anidados:
categorias =
[
{
0: 'agosto', 'Manuel': [
{
id: 12,
categoria: 'sociedad',
},
{
id: 13,
categoria: 'sociedad',
},
],
},
{
1: 'septiembre', 'Carlos': [
{
id: 14,
categoria: 'deportes',
}
],
},
]
Necesito presentar en pantalla lo siguiente:
agosto, Manuel
12 - sociedad
13 - sociedad
septiembre, Carlos
14 - deportes
Necesito mostrar las dos claves que tengo en cada objeto. Estaba tratando de acceder hasta los datos, pero no consigo hacerlo.
<div *ngFor ="let item of categorias | keyvalue" >
{{item.key}} {{item.value}}
<p *ngFor="let value of categorias[item.key]">
{{ value }}
</p>
</div>
Solo consigo de salida esto:
0 [object Object]
1 [object Object]
Cómo puedo hacer para mostrar los datos que necesito y ademas de ello si se presiona un botón obtener el valor de cada clave, por ejemplo si necesito mandar agosto
y septiembre
o Manuel
y Carlos
como parámetro en una función:
funcion(key1, key2) {
console.log(Key1, Key2)
}
Que en caso de seleccionar el primer objeto los valores serian:
agosto, Manuel
Espero me puedan ayudar, gracias de antemano.