Add css class on click in Angular 6

Question

I want add animation class continuously on clicking for that I have written below code

My Code

My problem is when I click first time then only first time animation works on second click animation not working. Please help.

Answer 1

You can add setTimeout for delay to add add class

Stackblitz Demo

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