Bom dia pessoal.
Primeiramente falar que gostei muito desse curso. Sei que é bem introdutório e não trouxe todos os conceito do Angular, mas já olhei e tem uma outra formação que traz isso, e com certeza irei me matricular.
Bem, para a solução, primeiramente eu fui no Google e digitei "ignore accent typescript", e encontei uma pergunta do StackOverflow de como remover acentos no Javascript. A resposta mais votada inclui o seguinte código:
const str = "Crème Brûlée"
str.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
> "Creme Brulee"
Então eu criei uma função com esse str.normalize()
e implementei quando o filtroPorTexto é diferente de nulo:
normalizarAcentos(palavra: String): String {
return palavra.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
}
filtrarContatosPorTexto(): Contato[] {
if (!this.filtroPorTexto) {
return this.contatos
}
return this.contatos.filter(contato => {
return contato.nome.toLowerCase().includes(
this.normalizarAcentos(this.filtroPorTexto).toLowerCase()
)
})
}
Depois fiz o teste e está funcionando corretamente