Animation

AngularJS 1.2 comes with animation support via ngAnimate module. To enable animations within your angular app, you need to link the angular-animate.js file and include ngAnimate module as a dependency within your angular app.

The following directives support animations:

1. ngRepeat – It supports enter, leave and move animations.

2. ngInclude – It supports enter and leave animations.

3. ngView – It supports enter and leave animations.

4. ngIf – It supports enter and leave animations.

5. ngSwitch – It supports enter and leave animations.

6. ngClass – It supports addClass and removeClass animations.

7. ngShow & ngHide – These support addClass and removeClass animations.

What do you think?

I hope you will enjoy the AngularJS animation while developing your app with AngularJS. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.