問(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)題解答

你確定你的transition是對(duì)的么？我怎么看到語(yǔ)法是：

那怎么著也應(yīng)該是：

.repeated-item{ border: solid 1px; opacity: 1; transition: all 3s linear;}回答2：

同問(wèn)，求大神

repeat的動(dòng)畫(huà)是從無(wú)到有，加個(gè)按鈕把數(shù)據(jù)寫(xiě)到items里面應(yīng)該就可以有動(dòng)畫(huà)了