angular.js - 如何在CSS動畫結束後做一些清理工作？

Question

在研究angularjs的動畫，基本的方法就是加入一些類別進行動畫的控制，例如：ng-enter，ng-enter-active等。但是搞不清在動畫結束後是如何把這些拿掉的呢？

.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;
}

我想這樣的好處是把ng-enter作為動畫的開關，啟動動畫時，加上這個類，透過ng-enter-active啟動動畫。這種方式蠻好的，但是沒有找到angular是如何在動畫結束後把ng-enter和ng-enter-active去掉的呢？

Answer 1

m.jb51.net/css/72443.html