如何在Firestore中查询“ nestedbyId”集合，并在异步管道中显示它，使其正确对应？

Question

我有2个根集合，并且想通过ID检索联接的数据，这些是集合； 我想要的也是结构： https://imgur.com/a/8nQBwQy（在“项目”字段中，我要显示“产品”的“ nome”，而不是相关的ID）

html文件

<ion-list >

  <ion-item-sliding *ngFor="let pProduto of pedidoProdutos | async">

    <ion-item>
      <h3 class="text-align">Item: {{pProduto.nome}}</h3> 
      <h3 class="text-align">Quantidade: {{pProduto.quantidade}}</h3> 
      <h3 class="text-align">Valor Total: {{pProduto.valor}}</h3> 
    </ion-item>


    <ion-item-options side="right">

      <button ion-button icon-only color="danger" (click)="remover(pProduto.id)">
        <ion-icon name="trash"></ion-icon>
      </button>

    </ion-item-options>

  </ion-item-sliding>

</ion-list>

tsFile

  private pProdutos:string;

  private pedidoProdutoCollection: AngularFirestoreCollection<ProdutosPedido>;
  private pedidoProdutos: Observable<ProdutosPedido[]>;
  this.pProdutos = this.pmt.getPedido();

  this.pedidoProdutoCollection = this.db.collection<ProdutosPedido>('produtosPedidos', ref => {
    return ref.where('pedido', '==', this.pProdutos)
  });
  this.pedidoProdutos = this.pedidoProdutoCollection.valueChanges();