2017-11-17 17 views
0

で働いていない私は、私はプロジェクト全体で使用するアニメーションを作成したが、それはエッジブラウザで動作していません。これは私が使用しているコードで、誰もが、私はそれを修正するために何ができるか知っていますか?角度4アニメーションがエッジ

import {animate, state, style, transition, trigger} from '@angular/core'; 

export const animation = trigger('slideInOutAnimation', [ 

    state('*', style({ 

    })), 
    transition(':enter', [ 
    style({ 
     '-webkit-transform': 'translateY(-50%)', 
     transform: 'translateY(-50%)', 
    }), 
    animate('.5s ease-in-out', style({ 
     '-webkit-transform': 'translateY(0)', 
     transform: 'translateY(0)', 
    })) 
    ]), 
    transition(':leave', [ 
    animate('.5s ease-in-out', style({ 
     '-webkit-transform': 'translateY(-50%)', 
     transform: 'translateY(-50%)', 
    })) 
    ]) 
]); 

答えて

3

から、「web-animations-js」のコメントを解除してください。コマンドnpm install --save web-animations-jsを実行します。
ごpollyfillsファイルがない場合は作成するofficial linkを参照してください1