Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Animating ng-move in AngularJS ngRepeat is animating the wrong items

I'm a little flummoxed when it comes to animating ng-move in an ng-repeat. If I move an array item from 3 to 7 for instance, items 4-7 get shifted up and they animate. However the actual item I moved from 3 and placed in position 7, does not. Here's a plunkr demonstrating my issue.

http://plnkr.co/edit/4yRkLWbsU57YxrYOrWUQ?p=preview

Moving item 7 to 3, however, works as I expect, animating the single moved item, and not the items that have been pushed down.

This is not very useful for showing a user what moved. How should someone properly animate an ng-move?

like image 313
Chris Avatar asked Dec 19 '13 21:12

Chris


Video Answer


1 Answers

@tasseKat has an excellent answer, which explains the behavior you observed: https://stackoverflow.com/a/27616435/1652643

However, his solution is not as simple as you would wish... but so far I haven't found anything better.

like image 91
antoine Avatar answered Nov 02 '22 03:11

antoine