How to get active class name of a button, in angular (2+)?

Question

I need to get active class name of this button when A) reactive form is submitted B) when this button is clicked

HTML

 <button
  type="button"
  [className]=" condition ? 'classA' : 'classB'
  (click) = "buttonClicked($event)"
>
</button>

TS

buttonClicked(event: Event) {
  console.log(event);
  //get class active class name here i.e. classA or classB
}

Answer 1

The class is set in the view by the condition condition? 'classA': 'classB' condition? 'classA': 'classB' . Therefore, you can just know which class is applied in your TS code by writing const classApplied = this.condition? 'classA': 'classB' const classApplied = this.condition? 'classA': 'classB' .