Javascript 使用setTimeout延迟ng隐藏执行

Javascript 使用setTimeout延迟ng隐藏执行,javascript,css,angularjs,Javascript,Css,Angularjs,演示: 我想添加一个类,在文本消失之前删除它,因此我考虑如何延迟任务。完成 <li ng-repeat="task in tasks" ng-hide="task.done"> <input type="checkbox" ng-model="task.done"/> {{task.name}} </li> {{task.name} 这就是它的用途。您还可以使用CSS转换使事情变得相对简单 .animate-show { transition:

演示:

我想添加一个类,在文本消失之前删除它,因此我考虑如何延迟任务。完成

<li ng-repeat="task in tasks" ng-hide="task.done">
<input type="checkbox" ng-model="task.done"/>
  {{task.name}}
</li>
  • {{task.name}
  • 这就是它的用途。您还可以使用CSS转换使事情变得相对简单

    .animate-show {
      transition: all linear 0.5s;
      opacity: 1;
    }
    
    .animate-show.ng-hide-add,
    .animate-show.ng-hide-remove {
      display: list-item !important;
    }
    
    .animate-show.ng-hide-add,
    .animate-show.ng-hide-remove {
      text-decoration: line-through;
    }
    
    .animate-show.ng-hide {
      opacity:0;
    }
    
    您只需包括
    ngAnimate
    脚本和模块

    你所说的“…在文本消失之前删除它…”是什么意思?
    .btn.ng-animate { transition:0s none;
           -webkit-transition:0s none;
           animation: 0s none;
           -webkit-animation: 0s none; }