是否可以使用Angular 2在html中设置对象的位置动画？

Question

我在Angular 2中一直在尝试动画，它对某些事情非常有用。但是，我有一个导航菜单，我喜欢动画一个对象在列表中上下滑动以突出显示用户选择，类似于材料设计的标签，但是垂直。

这是我的清单：

[...]
reading kernel7.img
[...]
Kernel image @ 0x1000000 [ 0x000000 - 0x40e630 ]
## Flattened Device Tree blob at 0x000100
   Booting using fdt blob at 0x000100
   Using Device Tree in place at 0000100, end 00006b1a

Starting kernel...

是否可以将橙色<md-nav-list> <md-list-item class="inverted nav-list-item" [routerLink]="['/home']"> <p class="mdl-navigation__link">Home</p> </md-list-item> <md-list-item class="inverted" [routerLink]="['/counter']"> <p class="mdl-navigation__link">Counter</p> </md-list-item> <md-list-item class="inverted" [routerLink]="['/fetch-data']"> <p class="mdl-navigation__link" >Fetch data</p> </md-list-item> <md-list-item class="inverted" [routerLink]="['/ship-info']"> <div style="width: 6px; height: 100%; background-color: orange; margin-right: 20px;"></div> <p class="mdl-navigation__link" >Ship Info</p> </md-list-item> <md-list-item class="inverted" [routerLink]="['/data-analysis']"> <p class="mdl-navigation__link" >Data Analysis</p> </md-list-item> </md-nav-list> 的过渡设置为幻灯片，以滑动到具有角度动画的其他列表项？或者我是否在列表外部使用div，并尝试使用TranslateY获取动画的正确像素位置？我在documentation中可以找到的唯一信息是更改对象的属性（如背景图像），或者它在屏幕上的绝对x，y位置（比如滑入/滑出）