我有一个使用 ngrx/router
的Angular2应用程序 . 现在,当我很开心并使用AngularJS时,我可以使用css类轻松地为页面转换设置动画 . ng-enter, ng-enter, .ng-enter-active, .ng-leave, .ng-leave-active
和角度动画库 . 现在,我希望动画我的角2的应用程序的页面转换,但我听到的是,动画类是现在已经过时和动画应该在 @Component
使用的动画属性来进行 - 但是从文档,这似乎与特定元素的状态来处理更多而不是视图...无论如何,快速问题,如何确定Angualar2和ngrx / router中的页面输入和页面离开 .
我知道ngrx / router提供了一个LocationChange对象/类,但我不确定这是否允许我确定何时进入和离开视图/页面 .
提前致谢!
1 回答
Angular2确实非常注重组件 . Lukas Ruebbelke [1]很好地描述了路线变化的动画,你将以他的例子在一个掠夺者身上[2] https://plnkr.co/edit/PcRpcGK2duGw0HdaGaF5?p=preview
请注意Lukas如何在导入到每个路径的单独 routerTransition() 函数中指定动画的详细信息,并将其添加到相关组件的动画属性中(在他的示例中为Home和About):
[1] http://ngmigrate.telerik.com/from-ng-animate-to-angular-2-animate
[2] https://plnkr.co/edit/PcRpcGK2duGw0HdaGaF5?p=preview