angular.js - angularjs ng-animate在ng-repeat情況下不起作用問(wèn)題
問(wèn)題描述
想要達(dá)到ng-repeat時(shí)ng-enter,ng-leave時(shí)延遲或者一些背景動(dòng)畫(huà)的顯示,進(jìn)一步使用ng-enter-stagging,讓多項(xiàng)不同時(shí)顯示出來(lái),但是在ng-repeat構(gòu)建列表時(shí)動(dòng)畫(huà)都沒(méi)有展示。查不到問(wèn)題,找了很多demo來(lái)試,都沒(méi)有辦法。下面是HTML代碼:
<pre><p ng-repeat='item in items' class='repeated-item'> {{ item}}</p></pre>
下面是css代碼:
.repeated-item{ border: solid 1px; opacity: 1; transition:3s linear all;}/*動(dòng)畫(huà)開(kāi)始前*/.repeated-item.ng-enter, .repeated-item.ng-move { -webkit-transition:3s linear all; -moz-transition:3s linear all; -o-transition:3s linear all; background-color: red; opacity:0;}
試過(guò)把動(dòng)畫(huà)加到.repeated-item上去,還是不起效。請(qǐng)各位老師幫忙解答一下!麻煩大家了!
問(wèn)題解答
回答1:你確定你的transition是對(duì)的么?我怎么看到語(yǔ)法是:
那怎么著也應(yīng)該是:
.repeated-item{ border: solid 1px; opacity: 1; transition: all 3s linear;}回答2:
同問(wèn),求大神
回答3:repeat的動(dòng)畫(huà)是從無(wú)到有,加個(gè)按鈕把數(shù)據(jù)寫(xiě)到items里面應(yīng)該就可以有動(dòng)畫(huà)了
相關(guān)文章:
1. 請(qǐng)教使用PDO連接MSSQL數(shù)據(jù)庫(kù)插入是亂碼問(wèn)題?2. node.js - nodejs開(kāi)發(fā)中常用的連接mysql的庫(kù)3. python - 爬蟲(chóng)模擬登錄后,爬取csdn后臺(tái)文章列表遇到的問(wèn)題4. mysql - 分庫(kù)分表、分區(qū)、讀寫(xiě)分離 這些都是用在什么場(chǎng)景下 ,會(huì)帶來(lái)哪些效率或者其他方面的好處5. 視頻文件不能播放,怎么辦?6. 黑客 - Python模塊安全權(quán)限7. mysql - 把一個(gè)表中的數(shù)據(jù)count更新到另一個(gè)表里?8. Python爬蟲(chóng)如何爬取span和span中間的內(nèi)容并分別存入字典里?9. python - 數(shù)據(jù)與循環(huán)次數(shù)對(duì)應(yīng)不上10. mysql 查詢身份證號(hào)字段值有效的數(shù)據(jù)
