在Angular 6中单击添加css类

Posted 2023-03-13

【中文标题】在Angular 6中单击添加css类

【英文标题】：Add css class on click in Angular 6

【发布时间】：2019-01-29 11:29:43

【问题描述】：

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

My Code

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

【问题讨论】：

你能看看这个吗：stackblitz.com/edit/angular-lky158

【参考方案1】：

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

Stackblitz Demo

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

【讨论】：

这太棒了！有了这个，你不需要创建任何状态跟踪变量❤