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 problem is when I click first time then only first time animation works on second click animation not working. Please help.

Can you check out this one :stackblitz.com/edit/angular-lky158 — Prashant Pimpale
– Prashant Pimpale, Commented Aug 23, 2018 at 6:51

Krishna Rathore · Accepted Answer · 2018-08-23 06:52:39Z

9

You can add setTimeout for delay to add add class

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

answered Aug 23, 2018 at 6:52

Krishna Rathore

9,7375 gold badges28 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

This is brilliant! With this you do not need to create any state-tracking variables ❤