2

我正在将一些现有的角度代码从1.1.5移动到1.2.0-rc.2。一些主要区别是使用ngAnimate.

我正在使用ng-ifwith animate.cssin的组合ng-class。

有关工作示例，请参阅此 plunkr 。

我遇到的问题是，虽然fadeIn动画效果很好，但应该消失的元素需要接近一秒钟才能消失——两者之间没有平滑的过渡。这是我实际在做的一个简化示例，我更喜欢使用ng-if（我意识到这个示例可以用 来简化ng-repeat）。

这是ng-if与实现有关的问题，还是与实施有关的问题，animate.css还是其他问题？谢谢。

4

1 回答 1

3

将您的“隐藏”类从 更改ng-hide为fadeOut。 fadeOut，就像fadeInanimate.css 的做法一样。

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

<div ng-if="showFirst" ng-class="{ 'animated fadeIn' : showFirst, 'fadeOut': !showFirst }">
于 2013-09-12T15:36:18.820 回答