Using the $animate Service

The $animate service provides animation detection hooks you can use when performing enter, leave, and move DOM operations, as well as addClass and removeClass operations. You can use these hooks either through CSS classnames or through the $animate service in JavaScript.

To implement animation, you need to add a directive that supports animation to the element that you want to animate. Table 9.3 lists the directives that support animation and the types of animation events that they support.

Image

Table 9.3 AngularJS Directives That Support Animation

Implementing Animation in CSS

To implement animation in CSS, you need ...

Get Learning AngularJS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.