La verdad ya llevo varios días con esto.
Tengo una respuesta HTTP el cual me retorna lo siguiente:
public comprobante:Comprobante = new Comprobante();
public personas:any[] = []
getComprobante() {
this.comprobanteService.getMovimiento(47455).subscribe((result) => {
this.comprobante = result.data;
let persona = {
"nombres":result.data.cliente_nombres,
"id":result.data.cliente_id
}
this.personas.push(persona)
console.log(result)
console.log(this.personas) //ME RETORNA NULL
});
}
Esto es lo que me retorna:
{
"data": {
"caja_estado": "1",
"caja_id": "758",
"cliente_id": "190",
"cliente_nombres": "OSWALDO MARRON CHURA",
"nro_comprobante": "0000256"
}
}
ngOnInit() {
this.getComprobante()
console.log(this.comprobante.cliente_id) // Me retorna null
console.log(this.personas) // Me retorna null
}
1.- En la consola console.log(this.comprobante.cliente_id)
simplemente me retorna null
y cuando ejecuto console.log(this.comprobante)
me muestra supuestamente el objeto ya llenado con sus datos como corresponde, pero siempre con ese mensaje "This value was evaluated upon first expanding. It may have changed since then."
2.- El array personas
tambien me retorna NULL
o un array vacío. No se llena con el nuevo objeto que lo estoy creando.
¿Cómo puedo hacer para poder utilizar esta variable y el objeto en lo sucesivo?, al parecer se está ejecutando todo de golpe y no secuencial y no espera a que se termine de completar esa función (getComprobante())
y continue con lo demás. He probado con async
await
en getComprobante()
y nada.
Como sería la manera correcta para poder hacerlo con ¿async await? u otro método.
getComprobante()
, el mismo no devuelve absolutamente nada y además llamas aconsole.log
inmediatamente después de llamar a este método, lo cual es un error en el manejo de los observables.comprobante
ypersonas
con la respuesta que retorna mihttp