AngularJS 动画

Posted 坚持

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AngularJS 动画相关的知识,希望对你有一定的参考价值。

 AngularJS提供了动画效果,可以配合CSS使用,但是如果要在AngularJS中使用动画,需要引入angular-animate.min.js并且还需要在应用中使用模型ngAnimate。

ngAnimate做了什么:

可以添加或者移除class。

ngAnimate会监测事件,类似隐藏显示html元素,如果事件发生,ngAnimate会使用预定义的class来设置html元素的动画。

AngularJS中添加或者移除class的指令:ng-show、ng-hide、ng-class、ng-view、ng-include、ng-repeat、ng-if、ng-switch。

 

以上是关于AngularJS 动画的主要内容,如果未能解决你的问题,请参考以下文章

angularjs动画-ngAnimate--快速上手使用

AngularJS动画卡片翻转

带有回调的AngularJS动画,等待下一个动画开始

ng风格的动画可以吗? (AngularJS)

AngularJS 动画

AngularJS - 找到折叠动画的结束