how to use animation with ng-repeat in angularjs

Question

I have a list which I iterate over by using ng-repeat: and the user can interact with thte list items by using up-arrow and down-arrow icons and on click of them i simply ch

Answer 1

Complementing the last answer, there is the ng-move class for animations when order is changed:

li {
    opacity: 1;
}
li.ng-move {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
}
li.ng-move-active {
    opacity: 1;
}

Last documentation here.