使用setTimeout延迟ng-hide执行

时间:2014-05-15 13:22:34

标签: javascript css angularjs

演示:http://plnkr.co/edit/EWOvKsTEutiveMEAGTKf?p=preview

我希望在它消失之前添加一个攻击文本的类,所以我想到如何延迟任务.. ..

<li ng-repeat="task in tasks" ng-hide="task.done">
<input type="checkbox" ng-model="task.done"/>
  {{task.name}}
</li>

2 个答案:

答案 0 :(得分:2)

这是ngAnimate的用途。您也可以使用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脚本和模块。

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

答案 1 :(得分:0)

(n_words, lstm_output)