2017-02-21 11 views
2

У меня есть массив объектов JSON с именем «books», однако я не могу извлечь какую-либо информацию для использования в HTML.Ionic 2 - Использование массива JSON в HTML

Массив находится в форме:

Console log of array form

Каждый объект в виде:

Form of JSON object

Я пытаюсь получить доступ к области, такие как ISBN13 из HTML-файла. В следующем порядке:

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

Этот код не выдает ошибки, но не отображает текст. Если я уменьшу его до {{book.data}}, он напечатает [объект Object] для каждой записи в массиве.

Как я могу получить доступ к isbn13?

+0

Я думаю, что опечатка. В вашем '* ngFor' вы пытаетесь отобразить' isb13', а не 'isbn13'. –

+0

Добавляя к комментарию @AakashThakur, путь выглядит как 'book.data [0] .isbn13'. –

+0

Точно @camaron –

ответ

3

Вы совершили ошибку. Данные - это и массив, а не объект. Поэтому вам нужно получить доступ к первому элементу массива.

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

Извините, я не уверен, как эта ошибка прибыла, вероятно, это было при копировании вопроса. {{book.data.isbn13}} по-прежнему не дает результата. – calmcalmuncle

+0

Nice редактировать чувак. Прочтите приведенные выше комментарии вовремя. ха-ха. –

+0

@calmcalmuncle Я отредактировал мое сообщение. Проверьте это –