List reorder animation with angularjs

Question

I\'m working on a project in angularjs that has a list of objects which update in real time and will be reordered with each update. I want to animate these objects moving s

Answer 1

I think I've accomplished what you're looking for here: http://codepen.io/daleyjem/pen/xbZYpY

By using track by, I'm able to keep the DOM elements from being recreated, and can then manipulate their position.

<div ng-repeat="item in items | orderBy:sorter track by item.id" class="item" jd-script>
    {{ item.id }}: {{ item.last_name }}, {{ item.first_name }}
</div>

Answer 2

I think this is what you are looking for : http://www.nganimate.org/angularjs/ng-repeat/move