angular.js - 如何在CSS动画结束后做一些清理工作?
phpcn_u1582
phpcn_u1582 2017-05-15 16:58:47
0
1
544

在研究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

répondre à tous(1)
仅有的幸福

m.jb51.net/css/72443.html

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal