我已经设置了一个非常基本的plunkr来为两个视图之间的动画列表元素设置动画,使用ng-animate 1.5 - ng-animate-ref。
适用于Firefox和Chrome,但遗憾的是它不适用于iOS。
http://plnkr.co/edit/UDX9XlIi3hpYcmJZQ5WD
CSS
.row.ng-leave {
transition: 0.2s linear all;
}
.row.ng-anchor-in-add {
transition: 0.5s linear all;
}
HTML
<div class="animated row" ng-repeat="i in a track by i" ng-animate-ref="item-{{i}}">{{i}}</div>
<br>
<div class="animated row" ng-repeat="i in b track by i" ng-animate-ref="item-{{i}}">{{i}}</div>
<a href="javascript:;" ng-click="start()">Start</a>
RESULT