2016-07-08 1 views
2

J'ai une application Angular2 qui utilise le ngrx/router. Maintenant, quand j'étais heureux et en utilisant AngularJS, je pouvais facilement animer les transitions de pages en utilisant les classes css. ng-enter, ng-enter, .ng-enter-active, .ng-leave, .ng-leave-active et la bibliothèque angulaire-animée. Maintenant, je souhaite animer les transitions de la page de mon application Angular 2 mais j'entends que les classes animées sont maintenant obsolètes et les animations doivent être effectuées en utilisant une propriété d'animation dans un @Component - cependant, dans la documentation, cela semble plus concerner certains éléments plutôt que des vues ... de toute façon, question rapide, comment puis-je déterminer l'entrée de page et laisser la page dans Angualar2 et ngrx/routeur. Je sais que ngrx/router fournit un objet/classe LocationChange mais je ne sais pas si cela me permettra de déterminer quand nous entrons et sortons d'une vue/page.Puis-je déterminer la page entrer et laisser dans Angular2 (App utilisant également ngrx/routeur)

Merci d'avance!

Répondre

0

Angular2 est en effet très axé sur les composants. changements d'itinéraire Animating a été bien décrit par Lukas Ruebbelke [1] et vous son exemple sur un plunker [2] https://plnkr.co/edit/PcRpcGK2duGw0HdaGaF5?p=preview

Notez comment Lukas spécifié les détails de l'animation dans un routerTransition() séparée fonction importée dans chaque itinéraire et ajouté à la propriété des animations des composants pertinents (Accueil et A propos dans son exemple):

animations: [routerTransition()], 
    host: {'[@routerTransition]': ''} 

[1] http://ngmigrate.telerik.com/from-ng-animate-to-angular-2-animate

[2] https://plnkr.co/edit/PcRpcGK2duGw0HdaGaF5?p=preview