如何使用ng-animate为表行设置动画的方式与列出项目的方式相同？

Question

使用angular的ng-animate平滑地动画列表非常简单，但表格似乎是另一个故事。

Plunker列表

Plunker表

桌子移动动画不起作用，项目只是快速到位，我想桌子需要一些其他的CSS / JS，但我不确定什么会起作用，我尝试了很多没有成功的事情。

我确信这是可能的，例如有这个jQuery表动画

但这又如何转化为角度动画？ 我是否必须通过指令深入研究一些JS / jQuery DOM操作，还是有另一种方法？

无论哪种方式，我都希望看到一种优雅的方式来做角度。

Answer 1

问题是行的height保持不变（直到它们被移除）。 为了使行的height变为可动画，您需要应用它们： display: block;

.animate-repeat: {
    ...
    display: block;
}

另见这个简短的演示 。