angular animate

angular animate 有3种：1，css transition. 2,css keyframe. 3,javascript 用jquery的animate方法；

1,2 两种是纯粹css的，3是JS方法，可以使用外部库，比如Jquery。假如要在IE8下使用的话，估计只能使用JS的方法；

ag的animate触发是靠ag的事件来触发绑定在需要动画元素上的cssClass。

纯CSS的动画的阶段有2个阶段:正向和反向（理解为：从隐藏到显示为正向，显示到隐藏为反向）。

举个栗子，

正向：

阶段1，opacity：0； ng-enter

阶段2：opacity：1； nt-enter-active

反向：

阶段1：opacity：1；ng-leave

阶段2：opacity：0；ng-leave-active;

以上就是一般的动画写法；

但是directive的动画写法都一点点不同。

比如ng-show、ng-hide事件：当绑定了ng-show和hide事件元素在进行显示和隐藏的时候读取cssClass属性，然后再css文件中找到写有

.cssClass.ng-hide的属性和.cssClass中的属性。动画的事件依据写在cssClass中的transition来决定。

转载于:https://www.cnblogs.com/strangerqt/p/4226344.html