問題描述

想要達(dá)到ng-repeat時ng-enter，ng-leave時延遲或者一些背景動畫的顯示，進(jìn)一步使用ng-enter-stagging，讓多項(xiàng)不同時顯示出來，但是在ng-repeat構(gòu)建列表時動畫都沒有展示。查不到問題，找了很多demo來試，都沒有辦法。下面是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;}/*動畫開始前*/.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;}

試過把動畫加到.repeated-item上去，還是不起效。請各位老師幫忙解答一下！麻煩大家了！

問題解答

你確定你的transition是對的么？我怎么看到語法是：

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

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

同問，求大神

repeat的動畫是從無到有，加個按鈕把數(shù)據(jù)寫到items里面應(yīng)該就可以有動畫了