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

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>

我将把它保持开放，因为就像我说的，我是 angular 的新手，这样做可能是禁忌，所以如果有专家想纠正我，请随意！