如何在 Ionic 中打印来自 JSON 的数据

Question

我在 JSON 中创建了一个数据库，但我看不到数据或在另一端出现错误，但我可以在日志中找到该对象。

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

获取数据的服务

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

最后我的模板文件是

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

Answer 1

你应该嵌套 ngFor 因为教师是一个数组

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

如何在 Ionic 中打印来自 JSON 的数据

How to print data from JSON in Ionic

javascript

getjson

ionic3

angular