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

Angular 动画后的角度重置过渡状态,angular,angular-animations,Angular,Angular Animations,所以我有这个: animations: [ trigger('shake', [transition('* => *', /* some animation */)]) ] 及 单击它时,我将“抖动”设置为true。当我再次单击它时,我希望按钮再次抖动,但事实并非如此,因为抖动已经为真 我该怎么做 新来的,谢谢 通过这样做来解决: <app-button [@shake]="shake" (@shake.done)="shake = false" >

所以我有这个:

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

单击它时,我将“抖动”设置为true。当我再次单击它时,我希望按钮再次抖动,但事实并非如此,因为抖动已经为真

我该怎么做


新来的,谢谢

通过这样做来解决:

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

我要把这件事留着不说,因为,就像我说的,我是个新手,做这件事可能是禁忌,所以如果有专家想纠正我,请放心

通过这样做来解决:

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

我要把这件事留着不说,因为,就像我说的,我是个新手,做这件事可能是禁忌,所以如果有专家想纠正我,请放心

请记住,您的动画在创建时会发出一个.done事件-因此您可能需要处理案例void=>false,如果尚未完成:@JonathanStellwag-非常感谢您的提示!事实上,我最终将*=>*更改为false=>true,这样我就不用担心了,但我没有意识到在创建done时会发出done,如果不是你的提示,我会在另一个时间点把头发撕下来,谢谢!很高兴它有帮助-刚刚看到了你的答案,我还记得我与它的斗争^^请记住,你的动画在创建时发出了一个.done事件-因此你可能需要处理这个案例void=>false,如果还没有完成:@JonathanStellwag-非常感谢你的提示!事实上,我最终将*=>*更改为false=>true,这样我就不用担心了,但我没有意识到在创建done时会发出done,如果不是你的提示,我会在另一个时间点把头发撕下来,谢谢!很高兴它起到了作用——刚刚看到你的答案,我想起了我与它的斗争^^