Así que tengo una matriz que tiene facturas, la renderizo de esta manera.
Guión de animación:

HTML:

la función que filtra la matriz:

 filterInvoice(filterd:string ): void { if (filterd != 'all') { this.filterdInvoiceData = this.invoiceData.filter((invoice:any) => invoice.status.toLowerCase().includes(filterd) ) } else { this.filterdInvoiceData = this.invoiceData; } this.statusFilter = filterd;

}

Cuando estoy haciendo clic en un btn para cambiar el filtro, está iniciando la animación pero no "saliendo" bien

enlace para gif-video del problema