0

tengo un problema, al presentar los datos en la vista con ionic 2.

** Este es la funcion de mi servicio **

 getUsers():Observable<any>{
    return this.http.get('https://jsonplaceholder.typicode.com/posts').map((datos) => datos.json());
  }

Esta es la de mi vista, inicio.ts

 respuesta = [];
  ionViewDidLoad() {
    this.platform.ready().then(() => {
        this.apiServiceProvider.getUsers().subscribe((res) =>{
        this.respuesta.push(res);
        console.log(res);
      });

Este es de mi vista inicio.html

   <ion-card *ngIf="!respuesta">
     <ul id="todo-list">
          <li *ngFor="let item of respuesta" >
            {{ item.body }}
          </li>
      </ul>
    </ion-card>

En si, si imprimo los datos por consola. introducir la descripción de la imagen aquí

Algo que falta? que esta saliendo mal? Gracias.

3
  • Intenta removiendo el *ngIf="!respuesta" , yo también he llenado listas usando observables y solamente uso el *ngFor.
    – Lobos
    Commented el 21 feb. 2018 a las 19:12
  • Ya lo intente, pero creo que el problema es que estoy resiviendo un array de Objetos, y los estoy guardando en otro array, como podria procesar esos valores? en que tipo de variable? en un array " [] " u objeto " {} "? ya que recibo un array []. @crrlos
    – Leonel
    Commented el 21 feb. 2018 a las 21:02
  • en lugar de this.respuesta.push(res) prueba esto this.respuesta = res; Un código de ejemplo: bitbucket.org/snippets/crrlos/Kex8KB
    – Lobos
    Commented el 22 feb. 2018 a las 2:13

1 respuesta 1

1

Si haces push estas cargando al indice respuesta[0] el resultado de tu JSON... hay dos opciones:

Como lo tienes

 <ion-card *ngIf="!respuesta">
 <ul id="todo-list">
      <li *ngFor="let item of respuesta[0]" >
        {{ item.body }}
      </li>
  </ul>
</ion-card>

Como deberia ser:

this.respuesta = res;

Y en el html

<ion-card *ngIf="!respuesta">
 <ul id="todo-list">
      <li *ngFor="let item of respuesta" >
        {{ item.body }}
      </li>
  </ul>
</ion-card>
4
  • probare con ambas, gracias
    – Leonel
    Commented el 23 feb. 2018 a las 15:17
  • como te fue? @JuanL
    – sioesi
    Commented el 26 feb. 2018 a las 17:20
  • si funciono, como lo indicastes, gracias por estar pendiente.
    – Leonel
    Commented el 27 feb. 2018 a las 17:07
  • @JuanL me alegro bro, si te sirvio puedes marcarla como correcta :D
    – sioesi
    Commented el 27 feb. 2018 a las 17:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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