使用自定义指令动画ng-repeat索引更改

Question

此分叉Plunker显示两个ng-repeat s，每个显示一个数组作为列表。每当一个上下箭头被点击时，每个列表项都使用自定义指令来进行动画。

第一个列表记录对数组项目值的更改，但第二个记录对数组项目索引的更改没有正确动画。

任何人都可以建议如何编辑指令来正确地动画第二个列表吗？

Answer 1

您移动元素的方式会触发不正确的动画。尝试做这样

function arrayMove(arrayVar, from, to) { 
    var item = arrayVar.splice(from, 1).pop(); 
    arrayVar.splice(to, 0, angular.copy(item)); 
} 

你需要做的元素的（深）的副本保存像$$hashkey一些性质使用AngularJS跟踪的对象。