Angular - Как отобразить массив объектов

Question

У меня есть базовый запрос коллекции Firestore.Я добавил каждый из возвращаемых элементов в массив объектов.Что я действительно хотел бы сделать, так это зациклить их в HTML и отобразить ключ и значение.

  firestore_albums = [];

...

  getData() {
    this.db.collection(`users/myid/albums`).get().then((querySnapshot) => {
      querySnapshot.forEach((doc) => {
        const data = doc.data();
        this.firestore_albums.push({ ...data });
      });
    })

HTML

<div *ngFor="let item of firestore_albums | keyvalue">
    {{item.key}}:{{item.value}}
  </div>

К сожалению, этопросто возвращает:

0: [объект объекта]

1: [объект объекта]

Answer 1

Это, кажется, работает!

<ul>
    <li *ngFor="let item of firestore_albums">
        <ul>
            <li *ngFor="let key of item | keyvalue">
                <div>{{key.key}}</div>
                <div>{{key.value}}</div>
            </li>
        </ul>
    </li>
</ul>