文章詳情頁
angular.js - 如何在CSS動畫結束后做一些清理工作?
瀏覽:148日期: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
上一條:angular.js - webpack require.ensure 異步加載angular模塊問題下一條:angular.js - ng-bind-html 輸出的內容中含有<input>,并且可以輸入,怎樣可以禁止對<input>輸入
相關文章:
1. 為什么HTML5規(guī)范中會包含一些和html無關的東西?如本地存儲等。2. javascript - 微信IOS頁面中input type=number輸入數(shù)字無法顯示,安卓顯示正常3. css3 - 寬度設置的都是百分比,為什么還是不適配移動端?4. Java。根據(jù)WSDL驗證SOAP消息5. html5 - 求一個獲取手機定位的小demo,web端的 Geolocation6. javascript - perfect-scrollbar 插件的使用7. javascript - 一個JS的算法,求大神解答8. javascript - web網頁版app返回上一頁按鈕在ios設備失效怎么辦?安卓上可以,代碼如下,請大神幫助,萬分感謝。9. javascript - h5頁面微信授權登錄后用戶關閉頁面再次進入又要授權10. html - 關于bootstrap中container、row、col的應用
排行榜

熱門標簽