How to change an element’s CSS class and remove all other classes on click

Question

How do I handle a case in AngularJS 2 where on click of an element it needs to change its own style, and if other elements have that style they need to have it removed — prefera

Answer 1

I have one hard solution to this problem:

    > I'm a div that gets styled on click
  

app:

class App {
constructor() {
}
onclick(event){
    var l = event.target.parentElement.getElementsByClassName("my-class");
    var count = l.length;
    for(var i=0;i

Plink: https://plnkr.co/edit/RHqL56GrTiV9olYE1Ars?p=preview