Segui os passos da aplicação do filtro e não funcionou, os ítens no mural permanecem e nenhuma filtragem acontece. Não estou conseguindo encontrar onde está o problema:
service:
listar (pagina: number, filtro: string): Observable<Pensamento[]> {
let params = new HttpParams()
.set("_page", pagina)
.set("_limit", 6);
if (filtro.trim().length > 2) {
params.set("q", filtro);
}
return this.http.get<Pensamento[]>(this.API, { params });
}
componente:
pesquisarPensamentos() {
this.haMaisPensamentos = true
this.paginaAtual = 1
this.service.listar(this.paginaAtual, this.filtro).subscribe((listaPensamentos) => {
this.listaPensamentos = listaPensamentos;
});
}
html:
<div class="buscar-pensamentos">
<input
type="search"
class="filtro"
placeholder="O que você procura?"
autofocus
[(ngModel)]="filtro"
(keyup)="pesquisarPensamentos()"
>
<img src="../../../../assets/images/lupa.png" alt="Lupa azul" >
</div>