Angular 4 个动画在 iOS Safari 10/11 上不起作用
Angular 4 Animations don't work on iOS Safari 10/11
我看到这里有很多人在谈论 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)' })
)
};
这是打破一切的代码，在 che enter transition
事实证明，polyfill 库在与移动版 Safari 的集成方面存在几个未解决的问题。
但是，如果 iPhone 或 iPad 请求桌面站点，则动画效果很好。
我看到这里有很多人在谈论 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)' })
)
};
这是打破一切的代码，在 che enter transition
事实证明，polyfill 库在与移动版 Safari 的集成方面存在几个未解决的问题。 但是，如果 iPhone 或 iPad 请求桌面站点，则动画效果很好。