角度动画在 IE Edge 中不起作用

我在 Angular 中向我的组件添加了一个动画。然而，动画在 Chrome 和 Firefox 中工作正常，但在 IE Edge 中，尽管样式在状态更改时正确应用，但动画并未触发，但只是没有指定动画。

有人有同样的问题吗？

这是我的代码：

animations: [
    trigger('rowState', [
        state('collapsed', style({
            'height': 0,
            'overflow-y': 'hidden'
        })),
        state('expanded', style({
            'height': '*',
            'overflow-y': 'hidden'
        })),
        transition('collapsed <=> expanded', [animate('1000ms ease-out')])
    ])
]

提前致谢

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

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