Как сделать элементы float up при удалении элемента выше с помощью 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; 
} 

Надеется, что это помогает.