Я получил данные JSON на YouTube и сохранил их в http://localhost/jsonyoutube.php
.
Теперь я хочу отобразить данные JSON на странице ионного просмотра (т. Е. Home.html)
Когда я попытался,Я получил ошибку: ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables are allowed
Но когда я попробовал в консоли, она работает хорошо. Я не могу отобразить ее на странице просмотра
Здесь я делюсь своими кодами
home.ts
load() : void
{
this.http
.get('http://localhost/jsonyoutube.php')
.subscribe((data : any) =>
{
//console.dir(data.items["0"].snippet.thumbnails.default.url);
console.dir(data);
this.items = data;
//console.dir(this.items);
},
(error : any) =>
{
console.dir(error);
});
}
home.html
<ion-content padding style="background-color: #251D32 !important;">
<ion-grid >
<ion-row>
<ion-col col-6 col-md-4 col-xl-3 *ngFor="let item of items">
<ion-card class="video-container">
<iframe src="https://www.youtube.com/embed/{{item.id.videoId}}"
frameborder="0" width="100%" height="315" allowfullscreen></iframe>
</ion-card>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>