在研究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去掉的呢?
m.jb51.net/css/72443.html