javascript - 如何使用 ng-animate 以与列出元素相同的方式为表格行设置动画？

Question

使用 angular 的 ng-animate 使列表流畅地动画化非常简单，但表格似乎是另一回事。

Plunker list

Plunker table

表格移动动画不起作用，元素只是卡入到位，我想表格需要一些其他 CSS/JS，但我不确定什么会起作用，我尝试了很多东西没有成功。

我确定这是可能的，例如有这个 jQuery table animation

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

无论哪种方式，我都希望看到一种优雅的方式来实现这一点。

Answer 1

问题是行的高度保持不变(直到它们被移除)。为了使行的 height 变得可动画化，您需要对其应用:display: block;

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

另请参阅此 short demo .