11

我在 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')])
    ])
]

提前致谢

4

2 回答 2

7

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

Angular 动画构建在标准 Web Animations API 之上，并在支持它的浏览器上本地运行。对于其他浏览器，需要使用 polyfill。从GitHub获取 web-animations.min.js并将其添加到您的页面。

于 2017-06-18T08:00:29.000 回答
6

你需要在 polyfills.ts 中添加 polyfill

删除评论

import web-animations-js;

然后运行

npm install --save web-animations-js
于 2018-07-07T08:11:22.627 回答