Question

我创建了一个我在整个项目中使用的动画，但它在Edge浏览器中不起作用。这是我正在使用的代码，任何人都知道我可以做些什么来修复它？

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

Answer 1

来自pollyfills.ts请取消注释import'web-animations-js';并运行命令npm install --save web-animations-js 如果您没有任何pollyfills文件，请参阅official link创建一个

Angular 4动画无法在Edge中运行

1 个答案: