L'animation angulaire ne fonctionnait pas dans le bord IE

Question

J'ai ajouté une animation à mon composant dans Angular. Cependant l'animation WORKS FINE dans Chrome et Firefox, mais dans IE Edge l'animation n'est PAS déclenchée bien que les styles soient appliqués correctement sur le changement d'état, mais juste sans animation spécifiée.

Est-ce que quelqu'un a le même problème?

Voici mon code:

animations: [ 
    trigger('rowState', [ 
     state('collapsed', style({ 
      'height': 0, 
      'overflow-y': 'hidden' 
     })), 
     state('expanded', style({ 
      'height': '*', 
      'overflow-y': 'hidden' 
     })), 
     transition('collapsed <=> expanded', [animate('1000ms ease-out')]) 
    ]) 
] 

Merci à l'avance

Answer 1

animation Web est pas pris en charge dans edge, vous devez ajouter les polyfill

animations angulaires sont construites au-dessus de la API Web Animations standard et fonctionne nativement sur les navigateurs qui le prennent en charge. Pour les autres navigateurs, un polyfill est requis. Prenez web-animations.min.js de GitHub et ajoutez le à votre page.