Я пытаюсь запустить анимацию ввода для появления элементов на моей странице, которые зацикливаются через * 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)
])
])
]
Ошибки не отображаются.