Ионные 3 данные API YouTube - PullRequest
0 голосов
/ 27 мая 2018

У меня проблема с вызовом данных в представление.Журнал консоли работает, так как я включил скриншот.

ytapiUrl =https://www.googleapis.com/youtube/v3/playlistItems? part=snippet&playlistId='blahblahbla'

getECvideolists(){
return new Promise(resolve => {
  this.httpClient.get(this.ytapiUrl).subscribe(ytdata => {
    resolve(ytdata);
    this.Ecvideos = ytdata;
    console.log(ytdata);
  }, err => {
    console.log(err);
  });
});

}

<ion-list *ngSwitchCase="'videos'">
<ion-item *ngFor="let Ecvideo of Ecvideos"> 

<h2> ***this doesn't display*** {{Ecvideo.items.snippet.title}}</h2>
</ion-item>
</ion-list>

results of getvideolist in console

Correct number of results but no titles

[console log[3]

1 Ответ

0 голосов
/ 27 мая 2018
Ключ

items имеет массив, поэтому вам нужно повторить его через * ngFor

, например,

<ion-list *ngSwitchCase="'videos'">
  <ion-item *ngFor="let item of Ecvideos.items">
    <h2>{{item.snippet.title}}</h2> 
  </ion-item>
</ion-list>
...