Buen día a todos, tengo dos objetos, usuarioy pagosUsuario los uno para que se conviertan en uno solo asi en una función:
datosJuntos = {...usuario, ...pagosUsuario};
Luego los meto a un array utilizando un ciclo para llenarlo con varios objetos:
datosUsuario.push( datosJuntos ) ;
y esto lo retorno en la funcion:
return datosUsuario;
Lo anterior funciona, el problema es que no me regresa el array como lo necesito para poder llenar una tabla en angular y no entiendo por que, esto se explica mucho mejor en la imagen el cuadro verde es como lo requiero pero como me llega es como el cuadro rojo :( y no se como regresarlo de esa forma ¿alguien podría compadecerse? :)
El codigo de mi funcion que retorna el array que necesito es:
async getUsersConMesesPagados(){
const userRef = this.afs.firestore.collection('users');
const pagosRef = this.afs.firestore.collection('pagos/2020/pagosResumen');
let datosUsuario = [];
let pagosUsuario;
const users = await userRef.get().then( usuarios => {
// console.log('data en GetUsers: ', dusuariosata);
usuarios.forEach( async user => {
let usuario = user.data();
let pagos = await pagosRef.doc(user.id).collection('pagos').get();
pagos.forEach( pagos => {
// Pagos por usuario console.log('pagos', pagos.data());
pagosUsuario = pagos.data();
});
let datosJuntos = [];
datosJuntos = {...usuario, ...pagosUsuario};
datosUsuario.push( datosJuntos ) ;
});
});
// console.log('datos usuarios:', datosUsuario);
return datosUsuario;
}