0

Bem,eu obtenho um array de chaves,que uso para pesquisar no firebase:

addprd(a:string){
 this.prdarray.push(a);
}

Depois de adicionar as chaves que quero usar na pesquisa eu uso o seguinte medoto:

queryProd(as:string){
  const prdN :Observable<any[]>= this.db.list(`/Produto/${as}`).valueChanges();
  return prdN;
}

Retornando assim um observable dessa chave,como consigo fazer um "for" e armazenar um array de resultados para exibir no meu HTML?

2
  • você ja fez um *ngFor no html para testar se é isso que queria? Commented 4/07/2018 às 11:10
  • eu preciso do array de resultados para exibir,queryProd retorna a consulta de uma chave,eu preciso de um array com o resultado de cada chave,depois eu usarei o *ngFor no html
    – Kai
    Commented 4/07/2018 às 11:17

2 Respostas 2

1

Faz assim:

No service:

queryProd(as:string){
  return this.db.list(`/Produto/${as}`);
}

getItems(ids: string[]): Observable<Item> {
 return from(ids).pipe(
    mergeMap(id => <Observable<Item>> this.queryProd(id ))
  );
}

No Componente:

produtos:Produto[] = [];
ids: string[] = [];

constructor(private seuServico:seuServico){}

ngOnInit() {
    this.seuServico.getItems(ids).subscribe(item=>produtos.push(item));            
}

HTML

<div *ngFor='let produto of produtos'>
    {{produto.preco}}
</div>
17
  • mas assim eu não armazenarei apenas um produto dentro de produtos$:Observable<Produto[]>;? eu preciso armazenar varios,afinal tenho um array de chaves,onde cada um corresponde a um produto
    – Kai
    Commented 4/07/2018 às 12:16
  • Nao vc terá um array dentro do observable, o ngFor percorre o array. Commented 4/07/2018 às 12:18
  • assim,o meu queryProd retorna um produto(no caso um observable) apenas,que corresponde a chave que passo por parâmetro,eu tenho um array de chaves,e precisaria de um array de resultados correspondentes
    – Kai
    Commented 4/07/2018 às 12:21
  • Tem como vc editar sua pergunta então? Commented 4/07/2018 às 12:22
  • Uma duvida a ordem das chaves importa? Commented 4/07/2018 às 12:23
1

Um observable é só uma declaração da sua consulta à um serviço, para você de fato ter acesso aos dados desse observable, você precisar dar um subscribe.

let prdn = queryProd('batata');

prdn.subscribe(data => {

    // data é o seu array
    for (let item of data) {
        console.log(item.algumDado);
    }
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .