我实际上试图动画由ng-repeat创建的div列表。ng-enter-stagger动画不起作用
我希望他们一个一个出现。所以我看到我可以使用ng-enter-stagger,但它不起作用。
这里是我的CSS:
.newsLeft.ng-enter{
-webkit-transition:all linear 0.5s;
transition: all linear 0.5s ;
opacity:0;
}
.newsLeft.ng-enter-stagger{
-webkit-transition-delay:2s;
transition-delay:2s;
-webkit-transition-duration:0s;
transition-duration:0s;
}
.newsLeft.ng-enter.ng-enter-active{
opacity:1;
}
这里的HTML:
<div ng-repeat="news in newsList" class="newsLeft" animate-on-load>
<div class="newsComponent" animate-on-load>
<hr/>
<div class="newsDate">{{news.date}}</div>
<div class="newsSubT2">{{news.title}}</div>
<div>{{news.content}}</div>
</div>
</div>
AngularJS版本? – tasseKATT
角1.4.4。角度版本可能是问题? –
不确定。你能展示一些HTML吗? – tasseKATT