手动添加动画元素

是否可以手动添加NG动画元素?

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


是的你可以。 但是你必须像下面这样做一些技巧。

为您的应用程序使用https://daneden.github.io/animate.css/。 它默认有很好的动画。 如果你将这个添加到你的元素,每当插入到DOM的元素,都会有一个动画。

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

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

根据ng类中的类更改,不可能删除指令。 但是,由于您正在根据条件在ng-class中应用一个类,因此可以使用相同的表达式(如果包含ng-enter或ng-leave)。

链接地址: http://www.djcxy.com/p/27197.html

上一篇: Manually add ng animate to element

下一篇: MongoDB import/export indexes