如何使用ngrx / router将Angular2（rc.4）动画应用于位置更改

Question

免责声明 - 请注意我知道我在这里模糊且水平相当高，但我目前还不清楚我需要做什么.... < / p>

我正在使用或者我应该说我正在尝试学习Angular2而我真的想要使用候选版本3/4中提供的新动画API。文档在这里：https://angular.io/docs/ts/latest/guide/animations.html

现在，这一切看起来都非常简单，但我想在更改应用程序URL时导入CSS转换（导航到子视图）但是我不确定如何在main.ts组件中捕获位置更改事件或者我希望添加int属性的任何组件。文档给出的示例使用animations语法来应用或切换动画，但我不确定这是否适用于希望为页面转换设置动画。

所以如果这是我的@triggerName：

main.html

这是我的<my-app> <div class="nav"> <a linkTo="/">Home</a> <a linkTo="/here">Here</a> <a linkTo="/there">There</a> </div> <div class="main"> <!-- this is what I want to animate --> <route-view></route-view> </div> </my-app>

main.ts

我正在使用@ ngrx / router，我知道这附带了一个LocationChange类。非常感谢任何建议......如果您知道一个好教程的链接，我们将不胜感激！

这是我试图用AngularJS实现的效果：https://codepen.io/schonert/pen/InAzi