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

【问题标题】：Ng-repeat animation not working in IE11Ng-repeat 动画在 IE11 中不起作用
【发布时间】：2016-10-01 01:49:56
【问题描述】：

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

请帮忙..

谢谢

【问题讨论】：

你试过使用 ng-style 吗？通常，任何绑定都必须在 angular 属性中解析，因为基本属性按原样读取并且未进行预处理。

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

【解决方案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)">

【讨论】：