angular.js - 如何在CSS動畫結束後做一些清理工作?
phpcn_u1582
phpcn_u1582 2017-05-15 16:58:47
0
1
554

在研究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去掉的呢?

phpcn_u1582
phpcn_u1582

全部回覆(1)
仅有的幸福

m.jb51.net/css/72443.html

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板