如何使用ng动画表行,就像列表项一样



使用angular的ng animate平滑地设置列表的动画非常简单,但表似乎是另一回事。

Plunker列表

Plunker表

表移动动画不起作用,项目只是快速到位,我想表还需要一些其他的CSS/JS,但我不确定什么会起作用,我尝试了很多方法都没有成功。

我相信这是可能的,例如,有一个jQuery表动画

但这是如何转化为角度动画的呢?我是否必须通过指令深入研究一些JS/jQuery DOM操作,或者有其他方法吗?

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

问题是行的height保持不变(直到它们被删除)。为了使行的height变成可设置动画的,您需要应用于它们:display: block;

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

另请参阅简短演示

相关内容

最新更新