[This post follow and upgrade this older: Recursivity exercice with AngularJS]
Drag & drop:
I used the native html5 drag & drop api.
So it doesn’t work on mobile/tablet devices: http://caniuse.com/#feat=dragndrop
Animations are done with the nice css library Animate.css
It is very easy to use it with angular and ngAnimate, see that (SASS syntax):
Note that the new 1.3 ngRepeat
as syntax is used there:
Like this, I can use the
filteredData variable inside this scope node without recalculating it.
There is a graphical bug/weird behavior linked to ngMove:
You can reproduce it by move an element down on same level, animations occurs not on the moved element but on all others between old and new position..
I found this issue on github with this example who explains it very well:
But there is no solution yet.