4

Estoy aprendiendo como usar estos métodos pero al momento de consumir una APi que tengo en Laravel o suponiendo que este en cualquier lado aveces demora en devolver los resultados y al cargar la vista o pagina no se muestran los resultados, simplemente se ve en blanco.

Ejemplo un método en la forma que consumi un APi.Como verán en el me cree un archivo api-rest-service.ts donde coloco todas las rutas que voy consumiendo

getRegistros(datos){
    return this.http.post(`https://mipagina.com/historial-registros`,datos);
  }

Luego con el suscribe trato de obtener los datos:

 this.service.getRegistros(datos)
              .subscribe(result => {
                    this.arrayRegistros = result['registros']
              }
  });

Y con este ultimo almaceno los datos en una varaible, funciona perfectamente cuando le paso un console.log, pero al querer visualizar en una vista aveces se visualiza y aveces no, intente usando e importando la el loadig

import { LoadingController } from '@ionic/angular';

y dentro del subscribe hacer el loading.dismiss(); pero aun asi obtengo los mismos resultados, alguien sabra la manera correcta para esperar los datos y luego visualizar los registros en la vista?

1
  • Edita la pregunta, agrega tu vista y todos los componentes que sean necesarios para reproducir tu caso :D
    – fredyfx
    el 20 dic. 2019 a las 18:23

1 respuesta 1

1

Antes que nada estoy asumiento que usas Ionic con angular, para darte esta respuesta.

Al usar Observables, es recomendable y buena practica usar la pipa async dentro de la view del componente/directiva al momento de mostrar el arrayRegistros , te recomiendo esta opcion porque es parte de lo que hoy en dia se conoce como Programacion Reactiva

Te dejo esta documentacion Angular / AsyncPipe que es de muy buena ayuda.

Espero haberte ayudado.

Saludos,

2
  • he usado el asycn pero aun me queda muchas dudas al usarlo el 21 dic. 2019 a las 5:49
  • @LuisHernandez Si, comprendo. te recomiendo que repases estos conceptos, que los describen en los siguientes links y se que te sacan de muchas duda, leelos en el orden que te los envio: 1.- desarrolloweb.com/articulos/… 2.- pluralsight.com/guides/using-async-pipe-angular Si aun tiene mas dudas, puedes enviarme un mensaje privado. Recuerda marcar mi respuesta como util si te ha servido, Saludos,
    – vdsancheza
    el 27 dic. 2019 a las 12:59

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.