Angular5动画：带有步骤的关键帧

Question

我正在尝试为spritesheet设置角度动画。 到目前为止，我以前通过定义关键帧来使用纯CSS：

@keyframes sprite {
  from { background-position: 0% 0 }
  to { background-position: 100% 0 }
}

，然后将样式中的animation属性更改为此：

sprite 0.8s steps(${this.steps}) ${this.repeat}`

我发现有一个角度函数animate应该使它更简单，但是我找不到如何指定动画应使用的步数或应重复多少次。 / p>

  animate("1s", keyframes([
    style({ backgroundPosition: "0% 0"}),
    style({ backgroundPosition: "100% 0"})
  ]));

有可能做到有角度吗？如果可以，怎么办？