Angular 动画在移动设备上不起作用

我定义了以下动画：

trigger('animateX', [
        transition('void => *', [
            style({
                '-ms-transform': 'translateY(-100%)',
                '-webkit-transform': 'translateY(-100%)',
                'transform': 'translateY(-100%)'
            }),
            animate('1000ms ease-in')
        ]),
        transition('* => void', [
            animate('1000ms ease-in', style({
                '-ms-transform': 'translateY(100%)',
                '-webkit-transform': 'translateY(100%)',
                'transform': 'translateY(100%)'
            }))
        ])
    ]),

---

该动画在桌面上运行良好，但在Chrome或safari中的iPhone6上没有动画。知道它为什么不工作吗？

Angular 2使用最新的Webanimation API。Safari上还不支持它

有一个polyfill可用，但据我所见，它使应用程序的响应性较差

---

我猜iOS上的Chrome也不支持它？正确，它使用Safari的渲染引擎。Angular 6不再需要它（除非您使用AnimationBuilder）