每增加ng-repeat递增0.1样式

时间:2018-11-02 12:05:09

标签: html css angularjs animate.css

我正尝试将每个ng-repeat的动画显示增加0.1。普通样式或ng样式有可能吗?我正在使用AngularJS。

<tr ng-repeat="o in originalOrder | orderBy:'sort'" class="animated bounceIn" style="animation-delay: 0.1s;">

我希望第一个为0.1,第二个为0.2,第三个为0.3,依此类推。

我正在使用animate.css

谢谢

1 个答案:

答案 0 :(得分:3)

<tr ng-repeat="o in originalOrder | orderBy:'sort' track by $index" class="animated bounceIn" ng-style="{'animation-delay': (($index+1)/10)+'s'}">