角动画不起作用

Question

我正在尝试输入动画，以便在我的页面上显示通过* ngFor循环的元素。 我试图使用回调来确定这些动画是否曾经发布过它们！但没有显示任何内容。

目前我的代码看起来如此

<section
  class="row justify-content-center mb-2 mb-md-4"
  *ngFor="let site of sites"
  [@flyInOut]="'in'"
> ...some content </section>

接下来是动画

animations: [
    trigger('flyInOut', [
      state('in', style({transform: 'translateX(0)'})),
      transition('void => *', [
        style({transform: 'translateX(-20%)'}),
        animate(100)
      ])
    ])
  ]

不显示任何错误。

Answer 1

事实证明，Safari需要使用polyfill进行动画制作，然后添加它们就可以了。