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;
}
最佳答案
您需要在动画中包含 ng-hide 类 看看这个,以防你只想隐藏任务而不是删除它们
http://plnkr.co/edit/xrKfNqaTxNL6xw1NBAkO?p=preview
我把你的例子 fork 到这个 使用 ng-hide ng-hide-add
关于javascript - nghide 上的 ngAnimated 在我的情况下不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23682308/