lista-tarefas.component.html [ngClass]="(tarefa.statusFinalizado == true) ? 'icone-checked' : 'icone-unchecked'" (click)="finalizarTarefa(tarefa);" [@checkOrNot]="(tarefa.statusFinalizado) ? 'check' : 'unCheck' ">
lista-tarefas.component.ts trackById(index: number, tarefa: Tarefa): number { return tarefa.id; }
fiz dessa maneira para resolver esse desafio, aqui funcionou
Olá Henrique!
Muito bem! O uso do ngClass para alternar entre classes com base no status da tarefa é uma prática comum e eficaz. Além disso, a utilização de animações através de [@checkOrNot] é uma ótima maneira de tornar sua interface mais dinâmica e atraente.
Continue praticando e explorando cada vez mais, sugestões são sempre bem-vindas, o mundo da programação permite essa liberdade de escolher outros caminhos ao compartilhar sempre aprendemos algo novo.
Espero ter ajudado! Bons estudos!
Sucesso ✨
