在forEach的每个实例中获取不同的Firestore集合？

Question

我有一个forEach，可为我的item Firestore集合中的每个items文档运行。每个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();
}