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
- How to run two animations simultaneously in jQuery ?
- Android Animations in Kotlin
- jQuery | Stop Animations
- Android Rotate animations in Kotlin
- AngularJS and W3.CSS
- AngularJS | API
- AngularJS | Includes
- AngularJS | Tables
- AngularJS | ng-src Directive
- AngularJS | Scope
- AngularJS | How to use ng-idle?
- AngularJS | ng-value Directive
- AngularJS | Directives
- AngularJS | Forms
- AngularJS | Services
- AngularJS | HTML DOM
- AngularJS | ng-csp Directive
- AngularJS | Controllers
- AngularJS | ng-jq Directive
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.