使用ngAnimate删除上面的元素时如何使元素浮动

Question

我有一个可以添加和删除的元素列表。

<div id="container" ng-repeat="element in elements">
    <button ng-click="remElement($index)">x</button>
</div>

现在您可以在我的Fiddle中看到，当您删除元素时，它会上升并消失。我发现删除的元素下的元素如何等待动画结束然后跳跃，这是令人不快的。当上面的元素开始上升时，有没有办法让元素立即平滑浮动？

Answer 1

不确定这是否是您正在寻找的内容但我认为您可以通过在容器css元素中添加高度来轻松实现这一目标，如下所示：

#container.ng-enter.ng-enter-active,
#container.ng-leave {
    opacity: 1;
    top: 0px;
    height:80px;
}

#container.ng-leave.ng-leave-active,
#container.ng-enter {
    opacity: 0;
    top: -50px;
    height:0px;
}

希望这有帮助。