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

我有这个ng重复代码，但不是在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)">

请帮忙

---

谢谢

我不认为它是有效的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)">

---

我不认为它是有效的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样式？通常，任何绑定都必须在angular属性中解析，因为基本属性按原样读取，并且不进行预处理。您尝试过使用ng样式吗？通常，任何绑定都必须在角度属性中解析，因为基本属性是按原样读取的，而不是预处理的。