So drucken Sie Daten aus JSON in Ionic

Question

Ich habe eine Datenbank in JSON erstellt, aber ich kann die Daten nicht sehen oder Fehler am anderen Ende, aber ich kann das Objekt im Protokoll sehen.

[ { 
     "teachers": [ 
      { 
      "img":"assets/inst/J.png", 
      "name":"Janine ", 
      "bio":"lorem" 
      },{ 
      "img":"assets/insta/I.png", 
      "name":"Itzhak", 
      "bio":"lorem" 
      } 
     ] 
    } 
] 

Service für die Daten-Abruf

homeds: Home[]; 
    constructor(public dataService: DataProvider) { 
    this.dataService.fetchData().subscribe(
      (data) => { 
      this.homeds = data} 
     ) 
    } 

Schließlich meine Vorlagendatei ist

<ion-row class="home" *ngFor="let home of homeds"> 
<img src="{{ home.teachers?.img }}" alt=""> 
</ion-row> 

Answer 1

sollten Sie verschachtelte ngFor da Lehrer ist ein Array

<ion-row class="home" *ngFor="let home of homeds"> 
<div *ngFor="let homeobj of home.teachers "> 
    <img src="{{ homeobj?.img }}" alt=""> 
    </div> 
</ion-row>