我在 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 并将其添加到您的页面。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)