Angular 角度动画的动态更改计时

我正在尝试创建一个圆的动画，它分两步增长，然后收缩

我希望允许用户更改每个步骤所需的时间。我正在使用Angular和新的AnimationBuilder类来尝试分配新的动画计时..但没有有效性。动画触发器的第一个定义似乎不会改变

我正试图用动画生成器重新创建动画触发器，并将其指定给圆。但它似乎不起作用

您可以在中检查代码的工作示例

我做错什么了吗？你们认为这有可能吗

---

谢谢

最后，我做的是放弃动画系统，使用requestAnimationFrame函数自己制作动画，并相应地修改圆。

最后，我做的是放弃动画系统，自己制作动画，使用requestAnimationFrame函数并相应地修改圆。

你能提供一个为了你的案子？您是否在此代码之后调用this.currentAnimationPlayer.play（）？我提供了一个plunkr。动画与触发器一起工作，因此它应该根据触发器变量的值播放动画的不同部分。您能为您的案例提供plunkr吗？您是否在此代码之后调用this.currentAnimationPlayer.play（）？我提供了一个plunkr。动画与触发器一起工作，因此它应该根据触发器变量的值播放动画的不同部分。您可以发布一个示例来澄清此答案吗？您可以发布一个示例来澄清此答案吗？

const myAnimation = this.animBuilder.build(
  [
    transition('inactive => firstStep', animate(this.timingBounds.lower)),
    transition('firstStep => secondStep', animate(this.timingBounds.upper - 
        this.timingBounds.lower)),
    transition('secondStep => inactive', animate(this.timingTotal - 
        this.timingBounds.upper))
  ]
);

this.currentAnimationPlayer = myAnimation.create(this.circle.nativeElement);