Angular - перебрать объект ответа из API Google Книг

Question

Здравствуйте, я новичок в angular и работаю над API Google Книг. Здесь я получаю объект в качестве ответа. Поскольку я новичок, я понятия не имею, как обращаться с объектом и отображать его на экране. Пожалуйста, помогите мне исправить это. Спасибо. Пожалуйста, посмотрите на консоль в примере . Пример Stackblitz

Answer 1

Не изменяя ничего в своем коде машинописи, вы можете просто перебрать свойство items вашего ответа и отобразить любую необходимую вам информацию.

Быстрый пример ( app.component. html ):

<div class="row">
  <table class="table table-hover table-striped">
    <thead>
      <tr>
        <th>Country</th>
        <th>title</th>
        <th>Publication Date</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let book of books.items">
        <td>{{book.accessInfo.country}}</td>
        <td>{{book.volumeInfo.title}}</td>
        <td>{{book.volumeInfo.publishedDate}}</td>
      </tr>
    </tbody>
  </table>
</div>

Вот Stackblitz с изменениями .