To create animation effect in Angular.Js using ngAnimate module, that provides support for CSS based animations.
Using this sample code, the demonstration of hiding the division/section is showed up by checking the checkbox.
Steps to bring Animation using AngularJs into the picture:
- Include Angular.Js animate lib in script tag as:
- Refer to the ngAnimate module inside body tag as:
- ngAnimate module adds and removes classes.The Directives used in AngularJS that adds/removes classes are:
Examples: Below is the implementation of Angular.Js animation.