2017-11-17 3 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을 실행하십시오.
폴리 플립 파일이없는 경우 official link을 참조하여 하나를 만듭니다.

관련 문제