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.
- CSS | Animations
- jQuery | Stop Animations
- AngularJS | API
- AngularJS | ng-jq Directive
- AngularJS | Routing
- AngularJS | Filters
- AngularJS | Directive
- AngularJS | Expressions
- AngularJS | Includes
- AngularJS | ng-cut Directive
- AngularJS | Controllers
- AngularJS | Modules
- AngularJS | ng-value Directive
- AngularJS | ng-src Directive
- AngularJS | HTML DOM
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.