angular.js - angularjs ng-animate tidak berfungsi dalam isu kes ng-ulang

Question

Jika anda ingin mencapai paparan ng-enter semasa ng-repeat, kelewatan atau beberapa animasi latar belakang semasa ng-leave, selanjutnya gunakan ng-enter-stagging untuk memaparkan berbilang item pada masa yang sama, tetapi apabila ng-repeat membina senarai Tiada animasi ditunjukkan. Saya tidak menemui masalah dan mencuba banyak demo, tetapi tiada apa yang boleh dilakukan.
Berikut ialah kod HTML:

<pre>
<p ng-repeat="item in items" class="repeated-item">
  {{ item}}
</p>
</pre>

Berikut ialah kod 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;
}

Saya cuba menambahkan animasi pada .repeated-item, tetapi ia masih tidak berjaya. Tolong bantu saya, guru-guru, untuk menjawab soalan ini! Maaf mengganggu semua orang!

Answer 1

Adakah anda pasti transition anda betul? Bagaimanakah saya melihat sintaksnya ialah:

Maka sepatutnya:

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

Answer 2

Soalan yang sama, sila tanya Tuhan

Answer 3

Animasi ulangan dibuat dari awal Tambahkan butang dan tulis data ke dalam item dan anda seharusnya boleh mempunyai animasi