Ng-repeat 动画在 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)">

Ng-repeat 动画在 IE11 中不起作用

Ng-repeat animation not working in IE11

javascript

internet-explorer

angularjs

angularjs-ng-repeat

internet-explorer-11