ng-book

Angular Animation 420
1. Runs any JavaScript-defined animations on the element
2. The [className]-remove class is added to the element
3. $animate scans the CSS styles for transition/animation duration and delay properties
4. The [className]-remove-active class is added to the element’s classList (triggering the CSS
animation)
5. $animate waits for the defined duration to complete
6. The animation ends, and $animate removes the three classes [className], [className]-add
and [className]-add-active
7. The done() callback function is fired (if defined)
enter()
The enter() method appends the element to its parent element in the DOM and then runs the enter
animation. When the animation has started, the $animation service adds the classes ng-enter and
ng-enter-active, giving the directive a chance to set up the animation.
The enter() method can take up to four parameters:
• element (jQuery/jqLite element)
The element we’re animating.
• parent (jQuery/jqLite element)
The parent element of the element that is the focus of our enter animation.
• after (jQuery/jqLite element)
This is the sibling element of the element that will be the focus of the enter animation.
• done (function)
The callback function called when the animation is complete (if defined).