我在这里看到很多人都在谈论Angular动画。好吧，没有解决方案对我有用。我目前正在使用Angular 4，其中angular-cli v1.1.1。我在我的应用程序的几个步骤中使用Angular动画，也在我的路由器插座中。在Safari 10/11（移动）中，没有任何动画正在运行。
在我的polyfills.ts中，我有以下代码行import 'web-animations-js';，它应该适用于并非完全支持Angular动画的每个浏览器。在IE 10/11上，它的工作并不完美，但它正在工作。火狐也是。
移动Safari 10/11的真正问题是animate语法。使用这种特殊语法，任何动画都不会起作用。我的router-outlet甚至不显示。
我无法理解为什么这不起作用，任何线索？ 提前谢谢！
修改
initial: style({ transform: 'translateY(100vh)' }),
animate: animate(
${phaseDuration}ms ${phaseDuration}ms ease-in,
style({ transform: 'translateY(0)' })
)
};
这是破坏所有内容的代码，内部输入转换
答案 0 :(得分：0)
原来polyfill库与移动Safari集成有几个未解决的问题。 但是，如果iPhone或iPad请求桌面网站，动画可以正常工作。