使用自定義指令動畫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跟蹤的對象。