javascript - NG-重复动画在 IE11 中不起作用

Question

我有这个 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' }}

请帮忙..

谢谢

Answer 1

我无法将其识别为有效的 HTML，并且未对其执行任何操作。

您可以使用 ng-attrs-style 或 ng-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)">