角度动画在IE边缘不起作用

Question

我在Angular的组件中添加了一个动画。然而动画在Chrome和Firefox中运行得很好，但是在IE Edge中，动画不会被触发，尽管样式在状态更改时正确应用，但没有指定动画。

有没有人有同样的问题？

这是我的代码：

if self.floatPercentage[indexPath.row] >= 50.0 {
    cell.redProgressBar.isHidden = true
    UIView.animate(withDuration: 10.0, animations: {
        cell.greenProgressBar.value = CGFloat(self.floatPercentage[indexPath.row])
        }, completion: nil)

}
else{
    cell.greenProgressBar.isHidden = true

    UIView.animate(withDuration: 10.0, animations: {
        cell.redProgressBar.value = CGFloat(self.floatPercentage[indexPath.row])
        }, completion: nil)

}

提前致谢

Answer 1

edge不支持网页动画，您应添加polyfill

  

Angular动画构建于标准Web动画API之上，并在支持它的浏览器上本机运行。   对于其他浏览器，需要填充。从GitHub抓取web-animations.min.js并将其添加到您的网页。

Answer 2

您需要在polyfills.ts中添加polyfill

从中删除评论

DateTime.Parse("2018-05-08 00:00:00").ToLocalTime()

然后运行

import web-animations-js;