手动为元素添加动画

Question

是否可以手动将NG动画添加到元素中？

例如，我想在添加或删除ng-class时添加ng-enter和ng-leave。但是我还需要ng-enter-active和ng-leave-active类来让我更好地控制动画过程。

Answer 1

是的，你可以。但你要在这里做一些技巧，如下所示。

将https://daneden.github.io/animate.css/用于您的应用程序。默认情况下它有很好的动画。如果将其添加到元素中，只要元素插入到dom中，就会有动画。

但是在您的场景中，每当您根据条件添加或删除元素中的类时，都会添加动画类。示例代码如下。

   <div ng-class="AddClass?'yourClass animated fadeIn':'animated fadeOut removedClass'"> 
</div>

Answer 2

无法根据ng-class中的类更改删除指令。但是，由于您根据条件在ng-class中应用了一个类，因此您可以在ng-if中使用相同的表达式，如果包括ng-enter或ng-leave。