AngularJS 动画

动画是通过改变 HTML 元素产生的动态变化效果

AngularJS 使用动画需要引入 angular-animate.min.js 库 :

还需在应用中使用模型 ngAnimate :

勾选复选框隐藏 DIV 代码 :

隐藏 DIV :

如果应用已经设置了应用名，可以把 ngAnimate 直接添加在模型中 :

隐藏 DIV :

ngAnimate 模型可以添加或移除 class ，其并不能使 HTML 元素产生动画，但是 ngAnimate 会监测事件，类似隐藏显示 HTML 元素 ，如果事件发生 ngAnimate 就会使用预定义的 class 来设置 HTML 元素的动画

ng-show 和 ng-hide 指令用于添加或移除 ng-hide class 的值

其它指令会在进入 DOM 会添加 ng-enter 类，移除 DOM 会添加 ng-leave 属性

当 HTML 元素位置改变时，ng-repeat 指令同样可以添加 ng-move 类