Ng重复动画在IE11中不起作用

时间:2016-09-30 16:36:40

标签: javascript angularjs internet-explorer angularjs-ng-repeat internet-explorer-11

我有这个ng-repeat代码,但不能在IE 11中使用

<div class="cardSegmentation moveUp" 
style="animation: moveUpA {{ (0.5 + 0.1 * $index) + 's' }} ease forwards;animation-delay: 400ms;-webkit-animation: moveUpA {{ (0.5 + 0.1 * $index) + 's' }} ease forwards;-webkit-animation-delay: 400ms;" 
ng-repeat="typesCard in quizzesTypes" 
ng-click="sendTypeSegm(typesCard.id)">

在元素检查器中,此元素中不显示任何内容:

{{ (0.5 + 0.1 * $index) + 's' }}

任何帮助请...

感谢

1 个答案:

答案 0 :(得分:3)

我不认为它是有效的HTML&amp;什么也不做。

您可以使用ng-attrs-styleng-style指令,如下所示。

<div class="cardSegmentation moveUp" 
  ng-style="{
     animation: 'moveUpA '+(0.5 + 0.1 * $index) + 's ease forwards',
     animation: 'moveUpA '+ (0.5 + 0.1 * $index) + 's ease forwards',
     -webkit-animation: 'moveUpA '+ (0.5 + 0.1 * $index) + 's ease forwards'
  }"
  style=" animation-delay: 400ms; ; -webkit-animation-delay: 400ms;" 
  ng-repeat="typesCard in quizzesTypes" 
  ng-click="sendTypeSegm(typesCard.id)">