您的位置:首頁技術文章
文章詳情頁

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

瀏覽:113日期:2024-03-18 08:46:18

問題描述

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

問題解答

回答1:

m.jb51.net/css/72443.html

標簽: CSS
相關文章:
国产综合久久一区二区三区