2017-06-18 17 views
5

コンポーネントにアニメーションをAngularで追加しました。しかし、アニメーションはChromeとFirefoxでは機能しますが、IE Edgeではアニメーションがトリガーされません。ただし、スタイルは状態の変更に正しく適用されますが、指定されたアニメーションはありません。IEエッジで角度アニメーションが機能しない

誰も同じ問題がありますか?ここで

は私のコードです:

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')]) 
    ]) 
] 

答えて

4

ウェブアニメーションがedgeでサポートされていない事前のおかげで、あなたはpolyfill

角度アニメーションはの上に構築されている追加する必要があります標準のWeb Animations APIをサポートし、それをサポートするブラウザでネイティブに動作します。 他のブラウザでは、ポリフィルが必要です。 GitHubのweb-animations.min.jsを取得してページに追加してください。

+0

これはうまくいきました。ありがとう。 – Haris

+2

angle-cliを使用している場合は、polyfillがconfigに焼き付けられているので、コメントを外して有効にするだけです。 "polyfills.ts" – Zuriel

関連する問題