3 votes

Comment animer le réordonnancement des listes en Angular 2

J'ai une liste d'éléments qui est liée à un tableau via un Observable. Mon application a un effet d'action où l'un de ces éléments dans la liste reçoit un changement de propriété, ce qui entraîne son réordonnancement à la fin du tableau (actuellement mis en œuvre dans le code avec un .sort() complet sur le tableau).

Ce que j'aimerais, c'est pouvoir donner l'impression que l'élément de la liste visuelle s'anime depuis sa position de départ (dans le tableau) jusqu'à sa nouvelle position (à la fin de la liste) en se déplaçant de la position X à la position Y.

Est-ce possible avec les animations Angular ? Je suis tout à fait disposé à ne plus utiliser Array.sort() et à déplacer l'élément de manière programmatique via un appel splice().

-1voto

joshrathke Points 3936

Je ne sais pas si c'est toujours d'actualité. Mais ce plugin devrait faire l'affaire avec une certaine configuration.

https://isotope.metafizzy.co/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X