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

得到它的工作

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

您可以添加填充工具