1

Preciso fazer uma busca no ionic 3 mas não estou conseguindo.

 <ion-searchbar 
    [(ngModel)]="searchTerm"
    (ionInput)="filterItems()" 
    placeholder="Buscar Pedido" >
 </ion-searchbar>



 filterItems(){
    this.evento.loadPedido(this.searchTerm).subscribe(pedido => {
      this.pedido = pedido
    })
  }

Os dados estão vindo de uma API.

1 Resposta 1

1

Tenta se basear no que eu fiz :) que dá certo, aqui estou puxando de uma API também e está funcionando perfeitinho :)

.HTML

   <ion-searchbar placeholder="Pesquisar material..." (ionInput)="Buscar($event)"></ion-searchbar>

.TS

      buscarItems() {
    this.ListaDados = this.dados;
  }


  buscarLocais() {
    this.service.buscarTarefas().then(data => {
      this.dados = data;
      console.log(this.ListaDados);
    }).catch(error => {
      console.log(error);
    });
  }

  Buscar(event) {

    this.buscarItems();

    var q = event.srcElement.value;


    if (!q) {
      return;
    }

    this.ListaDados = this.ListaDados.filter((v) => {
      if (v.equipe && q) {
        if (v.equipe.toLowerCase().indexOf(q.toLowerCase()) > -1) {
          return true;
        }
        return this.buscarLocais();;
      }
    });
    console.log(q, this.ListaDados.length);

  }
0

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 .