angular.js - angularjs ng-animate在ng-repeat情况下不起作用问题

Question

想要达到ng-repeat时ng-enter，ng-leave时延迟或者一些背景动画的显示，进一步使用ng-enter-stagging，让多项不同时显示出来，但是在ng-repeat构建列表时动画都没有展示。查不到问题，找了很多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上去，还是不起效。请各位老师帮忙解答一下！麻烦大家了！

Answer 1

귀하의 transition이 맞나요? 구문을 보는 방법은 다음과 같습니다.

그렇다면 다음과 같아야 합니다:

으아악

Answer 2

같은 질문, 하나님께 물어보세요

Answer 3

반복 애니메이션은 처음부터 생성됩니다. 버튼을 추가하고 항목에 데이터를 쓰면 애니메이션이 가능해집니다.