The provided animation trigger "enter" has not been registered!

[Atosito]

Hi there.

I am trying to replicate example of how animate until a variable is false and I only make it works with bounce animation. When I try with fadein or another is says: The provided animation trigger "enter" has not been registered!

My code:

component.html
<div [@fadeInOnEnter]="animState" (@fadeInOnEnter.done)="onAnimationEvent($event)" class="app-logo"></div>

component.ts

import { fadeInOnEnterAnimation} from 'angular-animations';
animations: [
    fadeInOnEnterAnimation({ duration: 1000, delay: 2000 }),
  ]

[MeanChicken]

Hello!

Try this:

Place this on the HTML element
<div *ngIf="condition" [@enter] [@leave]>

and this in the component
animations: [ rollInOnEnterAnimation({anchor: 'enter'}), rollOutOnLeaveAnimation({anchor: 'leave'}) ]