javascript - Ionic 2 - 在 HTML 中使用 JSON 数组

Question

我有一个名为“books”的 JSON 对象数组，但我似乎无法提取任何信息以用于 HTML。

数组的形式是:

每个对象的形式是:

我正在尝试从 HTML 文件访问诸如 isbn13 之类的字段。如下:

<ion-content>
  <ion-item *ngFor="let book of books">
    {{book.data.isbn13}}
  </ion-item>
</ion-content>

这段代码没有抛出任何错误，但没有显示任何文本。如果我将其缩减为 {{book.data}}，它会为数组中的每个条目打印 [object Object]。

如何访问 isbn13？

Answer 1

你犯了一个错误。数据是数组，而不是对象。所以你需要访问数组的第一个元素。

<ion-content>
   <ion-item *ngFor="let book of books">
     {{book.data[0].isbn13}}
   </ion-item>
</ion-content>