Creating addClass animations with ngShow

AngularJS provides hooks used to define a custom animation when a directive fires an addClass event. The following directives will generate addClass events:

  • ngShow: This fires the addClass event after the ngShow expression evaluates to a truthy value, and just before the contents are set to visible
  • ngHide: This fires the addClass event after the ngHide expression evaluates to a non-truthy value, and just before the contents are set to visible
  • ngClass: This fires the addClass event just before the class is applied to the element
  • ngForm: This fires the addClass event to add validation classes
  • ngModel: This fires the addClass event to add validation classes
  • ngMessages: This is fired to add the ng-active class when ...

Get AngularJS Web Application Development Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.