angularjs - AngularJS ng Repeat 中的动画 ng-move 动画是错误的项目

标签 angularjs angularjs-ng-repeat ng-animate

在 ng-repeat 中为 ng-move 设置动画时,我有点不知所措。例如,如果我将一个数组项从 3 移到 7,则项 4-7 会向上移动并生成动画。然而,我从 3 移动并放置在位置 7 的实际项目没有。这是一个 plunkr 演示我的问题。

http://plnkr.co/edit/4yRkLWbsU57YxrYOrWUQ?p=preview

然而,将项目 7 移动到 3 的效果如我所料,对单个移动的项目进行动画处理,而不是对已下推的项目进行动画处理。

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

最佳答案

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

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

关于angularjs - AngularJS ng Repeat 中的动画 ng-move 动画是错误的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20691630/

相关文章:

javascript - 使用 AngularJS 预选择一个选择项不起作用

javascript - 如何通过 $index 值获取 ng-repeat 中的元素

css - AngularJS 1.3、ngAnimate 和 animate.css

html - CSS 动画在动画期间将第二个元素向下移动

angularjs - Ng-animate 停止使用 $templateRequest 装饰器工作

javascript - 在 `$scope.eventSource` 上,属性 `className` 不相加 - 问题

angularjs - 如何从 Angular 用户界面选择中删除重复的选项?

jquery - 使用 jQuery 设置输入值后更新 Angular 模型

angularjs - 按 bool 值对 ng-repeat 分组进行排序

javascript - AngularJS:ng-repeat 和作用域 ng-click