当使用ng-hide / ng-show切换项目的可见性时,如何在Angular中的元素上设置动画?
为了正确地为元素设置动画,我需要添加哪些CSS类?
答案 0 :(得分:0)
首先,请确保已将ngAnimate
添加为dependency to your app。只有用于添加/删除ng-hide
的CSS属性,因此如果您正在为ng-show
执行此操作,请反转您的逻辑。隐藏元素时会触发.ng-hide-add
,.ng-hide-remove
则会触发animation
。为每个类添加.box.ng-hide-add
CSS属性并使用您选择的动画。
请记住链接CSS属性,即类直接在彼此之后,不用空格分隔。
e.g。使用 - > .box .ng-hide-add
没有 - > sudo start shiny-server
答案 1 :(得分:0)
在模块中注入[' ngAnimate']。
angular.module('animateApp', ['ngAnimate'])
我创建了一个示例代码: -
希望这会有所帮助。