文章詳情頁
angular.js - 如何在CSS動畫結(jié)束后做一些清理工作?
瀏覽:151日期:2024-03-18 08:46:18
問題描述
在研究angularjs的動畫,基本的方法就是添加一些類進行動畫的控制,例如:ng-enter,ng-enter-active等。但是搞不清在動畫結(jié)束后是如何把這些去掉的呢?
.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作為動畫的開關(guān),啟動動畫時,加上這個類,通過ng-enter-active激活動畫。這種方式挺好的,但是沒有找到angular是如何在動畫結(jié)束后把ng-enter和ng-enter-active去掉的?
問題解答
回答1:m.jb51.net/css/72443.html
標(biāo)簽:
CSS
上一條:angular.js - webpack require.ensure 異步加載angular模塊問題下一條:angular.js - ng-bind-html 輸出的內(nèi)容中含有<input>,并且可以輸入,怎樣可以禁止對<input>輸入
相關(guān)文章:
1. android - weex 項目createInstanceReferenceError: Vue is not defined2. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯,是什么情況?求大神指點3. pdo 寫入到數(shù)據(jù)庫的內(nèi)容為中文的時候?qū)懭雭y碼4. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入5. javascript - 如圖,百度首頁,查看源代碼為什么什么都沒有?6. vue2.0+webpack 如何使用bootstrap?7. PHP類封裝的插入數(shù)據(jù),總是插入不成功,返回false;8. mac連接阿里云docker集群,已經(jīng)卡了2天了,求問?9. 只允許微信登錄設(shè)置在哪里實現(xiàn)?CI框架10. java - 微信開發(fā)網(wǎng)頁授權(quán)
排行榜

熱門標(biāo)簽