0

我目前正在使用 angular 1.2 rc3，我为我的 ng-repeat 项目使用了过渡。但是，我发现每当我更改 ng-repeat 的模型时，转换就会变得混乱。您会看到整个项目列表弹出然后消失。我想要的只是一个简单的淡出整个列表，淡入新项目列表。我怎样才能达到这种效果？

这是重现该内容的 plunker：http ://plnkr.co/edit/lnsxCySFGmUmAnYDqVm3?p=preview ://plnkr.co/edit/lnsxCySFGmUmAnYDqVm3?p=preview 只需添加几行，然后更改模型，您就会看到奇怪的行为。

谢谢。

4

1 回答 1

0

问题似乎是，当您切换列表内容时，新元素会立即插入顶部并占用一些空间，尽管它们尚不可见。一个改进可能是对高度进行动画处理，并以您的 plunker的这种修改为例。

另一种解决方案是在完全切换列表内容时延迟进入动画。首先现有的元素消失，然后新的元素出现。但是，您可能需要在整个列表中附加一个额外的类来在您的 CSS 中进行区分。而且您必须在切换动画之前和之后手动处理类的添加和删除，因为 ng-repeat 不会区分您的切换操作和单个元素的添加或删除。

于 2013-11-09T09:19:41.003 回答