Como faria para baseado em um input de pesquisa conseguir mostrar apenas os cards referente a descrição dos animais que estou digitando neste input de busca ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como faria para baseado em um input de pesquisa conseguir mostrar apenas os cards referente a descrição dos animais que estou digitando neste input de busca ?
Fala Felipe!
Coloque um FormControl em seu input, a partir deste FormControl você pode escutar as alterações dele e realizar o filtro que voce precisa.
Por exemplo:
...
listaAnimais: Array<Animal> = [...];
listaAnimaisFiltrada: Array<Animal> = [];
descricaoFilterControl = new FormControl();
ngOnInit() {
this.descricaoFilterControl.valueChanges.subscribe(descricao => {
this.listaAnimaisFiltrada = this.listaAnimais.filter(animal => animal.descricao.toLowerCase().includes(descricao.toLowerCase()));
});
}
...Dai no seu ngFor você apontaria para a lista filtrada.
Se não tiver ficado claro, manda seu código wue eu posso te ajudar.