angularjs animate:当hide隐藏淡出时,如何进行瞬时ng-show(不淡入)

时间:2014-04-04 19:16:00

标签: angularjs

需要一个即时显示的指令(没有 淡入),当它被隐藏(ng-show =' false')时,会逐步进行 淡出。

这是我的尝试:

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

<span ng-show="inProgress" class="animate-fade">
    <i class="glyphicon glyphicon-ok"></i>
    <span ng-if="inProgress">save in progress...</span>
    <span ng-if="! inProgress">saved</span>
</span>

1 个答案:

答案 0 :(得分:0)

您可以创建新的动画类并定义要显示的.new-anim,并.new-anim-remove.new-anim-remove-active类选择器进行动画处理,但这需要您使用$ animate服务。