Mr Josselin A - Angular










Animations > Animations réutilisables

Parcours & Expérience





Références

L'actualité

Librairie

L'information

Créer des animations réutilisables

L'interface AnimationOptions dans les animations Angular vous permet de créer des animations que vous pouvez réutiliser pour différents composants.

Pour créer une animation réutilisable, utilisez la méthode animation() pour définir une animation dans un fichier .ts séparé et déclarez cette définition d'animation en tant que variable const d'exportation. Vous pouvez ensuite importer et réutiliser cette animation dans l'un des composants de votre application à l'aide de l'API useAnimation().

Dans l'extrait de code ci-dessus, transAnimation est réutilisable en le déclarant comme une variable d'exportation.

Le height, opacity, backgroundColor et les entrées time sont remplacées lors de l'exécution.

Vous pouvez importer la variable transAnimation réutilisable dans votre classe de composants et la réutiliser à l'aide de la méthode useAnimation() indiquée ci-dessous.