在Angular 6中单击添加css类

Question

我想在点击下面的代码时连续添加动画类

My Code

我的问题是，当我第一次点击时，只有第一次动画有效，第二次点击动画无效。请帮忙。

Answer 1

您可以添加setTimeout延迟添加add类

Stackblitz Demo

rotate(event){
    event.srcElement.classList.remove("rotate");
    setTimeout(()=>{
      event.srcElement.classList.add("rotate");
    },0)
  }