我可以在Angular2中确定进入和离开页面吗(应用程序也使用ngrx/router)

Question

我有一个使用ngrx/router的Angular2应用程序。现在，当我高兴地使用AngularJS时，我可以使用css类、ng-enter, ng-enter, .ng-enter-active, .ng-leave, .ng-leave-active和angular-animate库轻松地为页面过渡设置动画效果。现在我希望为我的Angular 2应用程序的页面过渡设置动画效果，但是我听说动画类现在已经过时了，动画应该使用@Component中的动画属性来执行-但是从文档中看，这似乎更多地处理特定元素的状态，而不是视图……无论如何，快速问题是，我如何确定在Angualar2和ngrx/router中进入和离开页面。

我知道ngrx/router提供了一个LocationChange对象/类，但我不确定这是否允许我决定何时进入和离开视图/页面。

提前感谢！

Answer 1

Angular2确实非常关注组件。Lukas Ruebbelke 1很好地描述了路线变化的动画，您将在plunker 2上看到他的示例

请注意，Lukas如何在一个单独的routerTransition()函数中指定动画的细节，该函数导入到每个路由中，并添加到相关组件的动画属性中(在他的示例中为Home和About )：

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

1

2