Javascript 如何使用ng animate以与列出项目相同的方式设置表格行的动画?

Javascript 如何使用ng animate以与列出项目相同的方式设置表格行的动画?,javascript,css,angularjs,angularjs-ng-repeat,ng-animate,Javascript,Css,Angularjs,Angularjs Ng Repeat,Ng Animate,使用angular的ng animate平滑地为列表设置动画非常简单,但表似乎是另一回事 桌子移动动画不起作用,项目只是卡入到位,我想桌子需要一些其他CSS/JS,但我不确定什么会起作用,我尝试了很多事情,但都没有成功 我相信这是可能的,比如说 但这如何转化为角度动画呢?我是否必须通过指令深入研究一些JS/jQuery DOM操作,还是有其他方法 无论是哪种方式,我都希望看到一种优雅的方式来以角度执行此操作。问题是行的高度保持不变(直到它们被删除)。为了使行的高度可以设置动画,您需要对其应用

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

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

我相信这是可能的,比如说

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


无论是哪种方式,我都希望看到一种优雅的方式来以角度执行此操作。

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

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

还有,这个

你试过我建议的解决方案了吗?它对您有效吗?我成功了,但是“display:block”覆盖了tr默认的“display:table row”(),我的更复杂的表崩溃了。我尝试了一些没有成功的事情,本来打算制作另一个plunker来展示发生了什么,但plunker当时不起作用。我会尽快完成的,也许你或其他人知道发生了什么。谢谢你的回答,我认为这是朝着正确的方向迈出的一步。事实上,它只适用于简单的情况(默认的
表格行
显示样式可以用其他CSS修复程序“模拟”)。不幸的是,由于表格有唯一的显示样式,所以不可能对所有属性设置动画(这不是特定于角度的)。可能是这样,如果没有简单的解决方案,也许我将来会制作一些自定义动画。您可以在此处看到将“显示”更改为“阻止”的结果:-看着它,我认为有一种方法,尽管我不确定这是什么:)我明白您的意思。看着它,我觉得没有办法:)这确实有效,但不幸的是,这会删除表格网格格式,这就是为什么人们会首先使用表格的原因lol@RedactedProfile:True:)它不是作为一般解决方案,而是针对OP的特定用例。不幸的是,设置表格动画是一件痛苦的事情(应该尽可能避免)。