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

Question

这个分叉的Plunker显示了两个ng-repeat，每个都显示一个数组作为列表。每当单击向上或向下箭头时，每个列表项都使用自定义指令进行动画处理。

第一个列表记录了对数组项值的更改，但是第二个列表记录了对数组项索引的更改。

有人可以建议如何编辑指令以正确设置第二个列表的动画吗？

Answer 1

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

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

您需要制作元素的（深层）副本，以保留AngularJS用于跟踪对象的$$hashkey等属性。