angularjs - 在 Angular 1.2 rc2 中使用 ng-animate 和 animate.css

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

我在 ng-class 中结合使用 ng-if 和 animate.css。

参见this plunkr一个工作示例。

我遇到的问题是，虽然 fadeIn 动画工作正常，但应该消失的元素需要近一秒才能消失 - 两者之间没有平滑过渡。这是我实际正在做的事情的简化示例，我更喜欢使用 ng-if (我意识到可以使用 ng-repeat 简化此示例)。

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

最佳答案

将“隐藏”类从 ng-hide 更改为 fadeOut。 fadeOut 与 fadeIn 一样，是 animate.css 的实现方式。

<div ng-if="showFirst" ng-class="{ 'animated fadeIn' : showFirst, 'fadeOut': !showFirst }">

关于angularjs - 在 Angular 1.2 rc2 中使用 ng-animate 和 animate.css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18768183/