javascript - nghide 上的 ngAnimated 在我的情况下不起作用

Question

http://plnkr.co/edit/cPyi8lukckyo9EFReI9V?p=preview

删除消失了，但当我点击复选框时却没有，知道我哪里出错了吗？

    <li class="task" ng-repeat="task in tasks" ng-hide="task.done">
<input type="checkbox" ng-model="task.done">
{{task.name}}
<button ng-click="del($index)">del</button>
</li>

CSS

.task.ng-enter,
.task.ng-move {
  -webkit-transition:0.25s linear all;
  transition:0.25s linear all;
  opacity:0;

}
.task.ng-enter.ng-enter-active,
.task.ng-move.ng-move-active {
  opacity:1;
}

.task.ng-leave {
  -webkit-transition:0.25s linear all;
  transition:0.25s linear all;
  opacity:1;
}
.task.ng-leave.ng-leave-active {
  opacity:0;
}

Answer 1

您需要在动画中包含 ng-hide 类看看这个，以防你只想隐藏任务而不是删除它们

http://plnkr.co/edit/xrKfNqaTxNL6xw1NBAkO?p=preview

我把你的例子 fork 到这个使用 ng-hide ng-hide-add