重复动画在IE11中不工作

Ng-repeat animation not working in IE11

本文关键字：工作 IE11 动画      更新时间：2023-09-26

我有这个重复代码，但不工作在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' }}

请帮忙……

谢谢

我不认为它是有效的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)">
相关文章：