angular - 在Angular 6中单击添加css类

Question

我想在点击我在下面的代码中编写的动画类

我的代码

我的问题是当我第一次单击时，只有第一次动画在第二次单击动画上不起作用。请帮忙。

标签： angularcsstypescriptcss-transitionsangular6

Answer 1

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

Stackblitz 演示

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