我正在努力将一些现有的角度代码从 1.1.5 移动到 1.2.0-rc.2 。一些主要差异是使用ngAnimate
。
我在ng-if
中使用了animate.css
与ng-class
的组合。
我遇到的问题是,当fadeIn
动画工作正常时,应该消失的元素需要接近一秒才能消失 - 两者之间没有平滑过渡。这是我实际做的一个简化示例,我更喜欢使用ng-if
(我意识到这个例子可以用ng-repeat
简化。)
这是ng-if
的问题,还是与实施有关的问题,animate.css
或其他问题?感谢。
答案 0 :(得分:3)
将您的“隐藏”课程从ng-hide
更改为fadeOut
。 fadeOut
与fadeIn
一样,是animate.css的做法。
演示:http://plnkr.co/edit/l0xqnE?p=preview
<div ng-if="showFirst" ng-class="{ 'animated fadeIn' : showFirst, 'fadeOut': !showFirst }">