angularjs - 在 AngularJS ngRepeat 中动画 ng-move 动画错误的项目

Question

在 ng-repeat 中为 ng-move 设置动画时，我有点困惑。例如，如果我将数组项从 3 移动到 7，则项 4-7 会向上移动并且它们会生成动画。但是，我从 3 移动并放置在位置 7 的实际项目没有。这是一个 plunkr 演示我的问题。

但是，将项目 7 移动到 3 可以按我的预期工作，为单个移动的项目设置动画，而不是对已下推的项目进行动画处理。

这对于向用户显示移动的内容不是很有用。应该如何正确地为 ng-move 设置动画？

score 1 · Accepted Answer

@tasseKat 有一个很好的答案，它解释了您观察到的行为：https ://stackoverflow.com/a/27616435/1652643

但是，他的解决方案并不像您希望的那么简单……但是到目前为止，我还没有找到更好的解决方案。

score 0 · Accepted Answer

正确的语法是

arrayVar.splice(to, 0, arrayVar.splice(from, 1));

要删除并返回i数组索引处的元素arr，请使用arr.splice(i, 1),

2 回答 2