ng-animate 1.5 - ng-animate-ref - 不在ios上工作

时间:2016-05-20 07:16:04

标签: javascript css angularjs css-transitions

我已经设置了一个非常基本的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

Animation of the effect

0 个答案:

没有答案