Анимации не работает на мобильных

Question

У меня есть следующие анимации определены:

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%)' 
      })) 
     ]) 
    ]), 

анимация отлично работает на рабочем столе, но это не анимация на iPhone 6 в Chrome или Safari. Любая идея, почему он не работает?

Answer 1

Угловой 2 использует новейший API Webanimation. Он еще не поддерживается Safari.

http://caniuse.com/#feat=web-animation

Существует polyfill доступны, но от того, что я видел, это делает приложение менее отзывчивым.

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