0

Hola estoy intentando imprirmir el get por pantalla pero me sale este error:

ERROR TypeError: Cannot read property 'played' of undefined

import { Component } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Component({
 selector: 'app-tab1',
 templateUrl: 'tab1.page.html',
 styleUrls: ['tab1.page.scss']
})
export class Tab1Page {
 matches: any;
 headers: HttpHeaders;
constructor(private http: HttpClient) {
this.headers = new HttpHeaders({

})
this.http.get('api/competitions',{headers: this.headers
}).subscribe(data => {
  this.matches = data; 
  console.log(this.matches);
});
}
}

<ion-content>
 <ul *ngFor="let match of matches.played;">
<li>{{match}}</li>
</ul>
</ion-content>

2 respuestas 2

0

Puede declarar matches como:

matches:any [] = [];

o

matches = { played: [] };
7
  • Me da este error: The 'Object' type is assignable to very few other types. Did you mean to use the 'any' type instead? Property 'played' is missing in type 'Object' but required in type '{ played: any[]; }'. En el this.matches = data;
    – David
    Commented el 7 feb. 2019 a las 19:17
  • Cómo es la estuctura de la data que espera del get? Commented el 7 feb. 2019 a las 19:20
  • No entiendo perdon
    – David
    Commented el 7 feb. 2019 a las 19:23
  • Que recibirá del get? Commented el 7 feb. 2019 a las 19:24
  • Recibe esto: pastebin.com/JMiKgAXg
    – David
    Commented el 7 feb. 2019 a las 19:28
0

Entonces en tu componente estas consumiendo tu API para pasar los datos a tu html?, es conveniente separar tu lógica dejando todas las llamadas a tu API a un Provider pero bueno volviendo al tema, quiza el problema este en tu promesa y la vista se cargue antes de que termine tu promesa has intentado agregar await antes de esta?

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.