tudo bom? to tendo uma dificuldade para criar um filtro no meu site.
O problema é, eu criei um componente especifico com o input e outro que recebe a lista de itens, preciso fazer a pesquisa no campo pesquisa (input) e abaixo filtrar o item pesquisado
meu componente input html está assim
<input
class="form-control form-control-sm form-control-mb"
id=search
name="search"
(keyup)="pesquisarDrink($event)"
placeholder="Encontre o melhor drink para sua festa!"
type="search">
o meu ts input está assim
pesquisarDrink(event) {
const bebida = event.target.value;
this.valueSearch.emit(bebida);
}
fiz desta forma no inicio para trazer os resultados
no componente de itens, chamei a seguinte função:
<header (valueSearch)='pesquisarDrink($event)'></header>
To bem perdida nisso, se alguem puder me ajudar, eu ficaria imensamente grata.
Segue cod do git https://github.com/guimaraesSalgado/drinksApp (caso queira entender melhor