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

您可以添加填充工具