动画后的角度重置过渡状态

Question

所以我有这个：

  animations: [
    trigger('shake', [transition('* => *', /* some animation */)])
  ]

和

<app-button
  [@shake]="shake"
>
</app-button>

当我单击它时，我将shake设置为true。当我再次单击它时，我希望按钮再次摇动，但不是因为摇动已经成立。

我该如何解决？

Angular的新手，谢谢！

Answer 1

通过以下方法解决了这个问题：

<app-button
  [@shake]="shake"
  (@shake.done)="shake = false"
>
</app-button>

我将保持开放状态，因为就像我说的那样，我是新手，这样做可能是忌讳的，因此，如果有任何专家想要纠正我，请放心！