implement addClass and removeClass functionality in angular2

The Solution to implement addClass and removeClass functionality in angular2 is


If you want to due this in component.ts

HTML:

<button class="class1 class2" (click)="clicked($event)">Click me</button>

Component:

clicked(event) {
  event.target.classList.add('class3'); // To ADD
  event.target.classList.remove('class1'); // To Remove
  event.target.classList.contains('class2'); // To check
  event.target.classList.toggle('class4'); // To toggle
}

For more options, examples and browser compatibility visit this link.

~ Answered on 2017-01-18 09:53:05


Most Viewed Questions: