Angular2动画（变换）无法在iphone 6s上运行

Question

我想使用Angular2的动画来实现这样的动画：

transition('out => arise', [
    style({
        'transform': 'translateY(-50px)',
        '-webkit-transform': 'translateY(-50px)',
        '-ms-transform': 'translateY(-50px)'
         }),
    animate('2000ms ease-in-out', style({
        'transform': 'translateY(0)',
        '-webkit-transform':'translateY(0)',
        '-ms-transform': 'translateY(0)'
    }))
])

结果，Android和浏览器运行良好，但无法在iPhone 6上运行。任何想法为什么它不起作用？

Answer 1

角动画使用网络动画api。 safari不支持它。

https://angular.io/docs/ts/latest/guide/animations.html http://caniuse.com/#feat=web-animation

您可以添加polyfill以使其正常工作

https://github.com/web-animations/web-animations-js