When studying angularjs animation, the basic method is to add some classes to control animation, such as: ng-enter, ng-enter-active, etc. But I can’t figure out how to remove these after the animation is over?
.animate-repeat{
box-sizing:border-box;
height:48px;
line-height:48px;
overflow:hidden;
}
.animate-repeat.ng-enter{
transition:height ease-out .5s;
}
.animate-repeat.ng-enter {
height:0;
background:#CADFF0;
}
.animate-repeat.ng-enter.ng-enter-active {
height:48px;
}I think the advantage of this is to use ng-enter as an animation switch. When starting the animation, add this class and activate the animation through ng-enter-active. This method is very good, but I haven’t found how Angular removes ng-enter and ng-enter-active after the animation ends?
