Improve this Doc View Source ngAnimateSwap

From Get docs
< Improve this Doc ngAnimate‎ | directiveAngularjs/docs/1.8/api/nganimate/directive/nganimateswap

Improve this Doc View Source ngAnimateSwap

  1. directive in module ngAnimate


ngAnimateSwap is a animation-oriented directive that allows for the container to be removed and entered in whenever the associated expression changes. A common usecase for this directive is a rotating banner or slider component which contains one image being present at a time. When the active image changes then the old image will perform a leave animation and the new element will be inserted via an enter animation.

Directive Info

  • This directive creates new scope.
  • This directive executes at priority level 0.


  • as attribute:



Animation Occurs
enter when the new element is inserted to the DOM
leave when the old element is removed from the DOM

Click here to learn more about the steps involved in the animation.


© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.