Получить разные коллекции Firestore в каждом экземпляре forEach?

Question

У меня есть forEach, который запускается для каждого item документа в моей коллекции items Firestore.Каждый документ item также имеет свою собственную коллекцию parts.Я хочу выложить список parts под каждым item, чтобы мы могли видеть все детали, которые мы ввели в ассортимент под каждым разделом.

Что я пытался

Я пытался создать массив для внутреннего цикла.Каждый экземпляр forEach будет заполнять массив своими данными, но следующий цикл перезапишет эти данные массива своими собственными данными.В конце концов, все предметы будут показывать одну и ту же коллекцию деталей.

Firestore

Вывод

HTML-код

  <div class="ui card" *ngFor="let item of items | async">
    <h4 class="header">{{item.name}}</h4>
    <table class="ui table">
      <thead>
        <tr>
          <th>Name</th>
          <th>Quantity</th>
          <th>Price</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>value</td>
          <td>value</td>
          <td>value</td>
        </tr>
      </tbody>
    </table>
  </div>

Код TypeScript (пока)

itemsCollection: AngularFirestoreCollection<Items>;
items: Observable<Items[]>;

ngOnInit(){
    let path = 'Items';

    this.itemsCollection= this.afs.collection(path);
    this.items= this.itemsCollection.valueChanges();
}