title: Ionic 2 - Using JSON array in HTML
body: <p>I have an array of JSON objects named 'books', however I can't seem to extract any of the information for use in the HTML.</p>
  
  <p>The array is in the form :</p>
  
  <p><a href="https://i.stack.imgur.com/25aqG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/25aqG.png" alt="Console log of array form"></a></p>
  
  <p>Each object is in the form:</p>
  
  <p><a href="https://i.stack.imgur.com/8qQ4G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8qQ4G.png" alt="Form of JSON object"></a></p>
  
  <p>I am trying to access fields such as isbn13 from the HTML file. As follows:</p>
  
  <pre><code>&lt;ion-content&gt;
    &lt;ion-item *ngFor="let book of books"&gt;
      {{book.data.isbn13}}
    &lt;/ion-item&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>This code throws no error but displays no text. If I reduce it to {{book.data}} it prints [object Object] for each entry in the array.</p>
  
  <p>How can I access isbn13?</p>