Angular 4 - 动画未重置为原始位置

Question

使用带有动画滑块的Angular项目随着时间的推移向左滑动。但是当发生应该将计时器重置回原始位置的动作时，它不起作用。计时器只是从上一次运行中到达的位置再次开始倒计时。

我的动画代码：

animations: [
trigger('slide', [
  // start sliding state 
  state('sliding', style({
      transform: 'translateX(-100%)'
  })),
  // reset sliding div to original position
  state('notSliding', style({
      transform: 'translateX(0%)'
  })),
  transition('* => sliding', animate('60000ms linear')),
  transition('* => notSliding', animate('0ms linear'))
 ])
]

我在网上看过的样本都表明这应该有效。我错过了什么？