Please enable Javascript to correctly display the contents on Dot Net Tricks!

Animation

Posted On : 10 Feb 2015
Updated On : 10 Feb 2015
Total Views : 2166

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.