Avant tout: mise en place des animations

Si vous n'avez pas encore installé Angular Animations, vous pouvez le faire avec la commande suivante (vous pouvez le vérifier dans le fichier package.json)

ng add @angular/animations

Ensuite, allez dans le fichier app.config.ts et ajoutez dans la liste des providers:

import { AppComponent } from './app/app.component';
import { bootstrapApplication } from '@angular/platform-browser';
import { provideAnimationsAsync } from '@angular/platform-browser/animations';

bootstrapApplication(AppComponent, {
    providers: [
        provideAnimationsAsync()
    ]
});

Charger les animations dès le chargement de l'application

Si vous avez besoin d'animations dès le chargement de votre application, vous devrez utiliser le module d'animations chargé immédiatement plutôt que de manière asynchrone. Pour cela, importez provideAnimations depuis @angular/platform-browser/animations et utilisez-le à la place de provideAnimationsAsync :