Javascript json图像角度框架

我将数据从json导出到文本，并在HTML中显示所有内容，但当我需要从json导出图像时，我无法在HTML中显示它

如何将此图像JSON放在ionic框架中

我的RESTAPI提供程序代码

getImg() {
  return new Promise(resolve => {
    this.http.get(this.apiUrl+'/photos').subscribe(data => {
      resolve(data);
    }, err => {
      console.log(err);
    });
  });
}

第页

  getImg() {
    this.restProvider.getImg()
    .then(data => {
      this.photos = data;
      console.log(this.photos);
    });
  }

page.html

<ion-content>
  <ion-list inset>
    <ion-item *ngFor="let user of users">
      <h2>{{user.name}}</h2>
      <p>{{user.email}}</p>
      <img [src]="photo.thumbnailUrl">
    </ion-item>
  </ion-list>
</ion-content>

---

实际上你们写错了代码，若你们的图像存在于用户数组中，那个么和用户一起改变照片

如果您的图像存在于照片数组中，则代码如下所示

<div *ngFor="let user of users">
      h2>{{user.name}}</h2>
      <p>{{user.email}}</p>
</div>
<div *ngFor="let photosrc of photo">
      <img [src]="photosrc.thumbnailUrl">
</div>

---

谢谢

angularjs或angular？你在用户上循环*ngFor=let user of users并从照片数组中提取图像？你在照片中定义照片。thumbnailUrl？当我添加它时，它会以json显示所有图像，它看起来不像我想将所有内容放在同一个div或ionic cardhow中的第一个项目的div或元素对于列表或项目，我是否可以在同一个div中仅显示json中的1个图像？

<div *ngFor="let user of users">
      h2>{{user.name}}</h2>
      <p>{{user.email}}</p>
      <img [src]="user.thumbnailUrl">
</div>

<div *ngFor="let user of users">
      h2>{{user.name}}</h2>
      <p>{{user.email}}</p>
</div>
<div *ngFor="let photosrc of photo">
      <img [src]="photosrc.thumbnailUrl">
</div>