У меня есть 2 корневых коллекции, и я хочу получить объединенные данные по идентификатору, это коллекции;То, что я хочу, а также структура: https://imgur.com/a/8nQBwQy (в поле «Элемент» я хочу показать «номер» в «produto» вместо идентификатора)
htmlFile
<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();