在angularjs中使用ng-show / hide进行平滑过渡

Question

我是列表中的一些元素，我可以通过单击按钮来隐藏/显示：

ul
  li(ng-show="some_condition1") item1
  li(ng-show="some_condition2") item2
  li(ng-show="some_condition3") item3
  li(ng-show="some_condition4") item4

当some_condition1变为假时，item1消失，所有剩余项目突然向上移动。有没有办法让它们向上滑动？

我曾想过使用类似这样的css过渡：transition: all ease 0.2s但由于我的商品属性没有被触及它不起作用......

Answer 1

尝试使用以下代码：

var $item = $(this).closest('li');
$item.hide('slow', function(){ $item.remove(); });