angularjs-模型更新后的动画元素

在一块板上画出不同列的卡片，如trello

在我的模型中，每列都是一个数组，而卡片只是数组中的项目

当某件事导致卡片在列之间移动时，我将拼接原始阵列并将项目弹出到目标阵列上。我想用卡片在屏幕上移动的简短动画来说明这一点

例如：

模型中出现了将卡

C

移动到第二列的情况。我想要一个动画，它从它的前位置移动到它的后位置

before -
| A |    |   |
| B |    |   |
| C |    |   |
| D |    |   |

after -
| A |    | C |
| B |    |   |
| D |    |   |
|   |    |   |

---

您可以使用

ng animate

（，）在

ng repeat

事件期间应用类，并且您可以使用这些类应用css转换。

到目前为止您有任何代码吗？是的，在我的github（）上。不过，作为一个有棱角的新手，我不太确定要复制到什么样的片段中去，所以对于这个问题！plunker模板是在线演示的良好开端，如果需要，您可以复制控制器/指令/服务/模板的相关部分。你通常不想复制你的整个项目，只是一个可以证明你的具体问题的部分。取消部分内容需要一些时间！Plunker似乎不支持文件夹，这让我大吃一惊