在官方文档的帮助下使用Angular 2 Animate(RC2),以及Matias在YT Channels 上使用的月份ng-conf动画视频中使用的代码 .
除了最重要的部分,我得到了一切工作:
在更改routerlinks / components时,我似乎无法获得离开转换/动画 . 使用'* => void'不会做任何事情 . 路由器在视图中销毁组件而不考虑动态离开转换并引入新的routerlink /组件 .
我让进入的动画工作,但不是离开的动画 .
我认为路由器不会自动检测到组件的离开动画(类似于ng-leave ng-leave-active),因此我错过了一个步骤,这不是一个优秀的黑客 .
所有的plunker示例,官方示例和ng-conf Matias one示例都显示了它们,没有任何路由器交互:所有进入/离开状态和转换示例都在同一个组件中 .
** Edit::: [Plunker Demo Here] http://plnkr.co/edit/IJoaB7ifVPJqX0NrUIpV
您会注意到,即使指定了过渡'* => void',路由器链接的更改也会完全忽略它
ng2动画基本上没有帖子,所以这是唯一的方法 .
感谢您抽出宝贵时间阅读本文 . 感谢帮助 .