Angular Animation
  • Introduction
  • Getting Started
    • Add Angular Animate
  • Animating Core Directives
    • CSS Transition
    • ng-class Add/Remove
    • ng-include Animation
    • ng-repeat Animation
    • ng-show/ng-hide Animation
    • Form Animation
    • ngMessages Animation
  • Animating Custom Directives
Powered by GitBook
On this page

Was this helpful?

  1. Animating Core Directives

ng-repeat Animation

anytime ng-repeat items index change ( sort, search ) ng-move occurs...

.ng-move{
    transition: background 1s;
    background: green;
}

.ng-move-active{
    background: yellow;
}

Note: we can also apply `.ng-enter or .ng-leave` on ng-repeat ( probably when ng-repeat items loaded, removed)

Previousng-include AnimationNextng-show/ng-hide Animation

Last updated 5 years ago

Was this helpful?