When using ngAnimate to fade in each item in ngRepeat, currently all items fade in at the same time. Is it possible for each item to fade in after the previous item has faded to e.g. 50% resulting in a cascading effect?
<ul>
<li ng-repeat="phone in phones" ng-animate="{enter: 'phone-fade-enter'}">
<img src="{{phone.img}}"> {{phone.name}}
</li>
</ul>
Using ngAnimate it would be nice if it would be possible to delay the animation of each item e.g. like this:
<li ng-repeat="phone in phones" ng-animate="{enter: 'phone-enter', delay: 500}">
Is there a way to solve this?
Thanks!
Added to GitHub https://github.com/angular/angular.js/issues/2460