Angular2 - Adding CSS class to selected element
Create a variable in your component, let's call it temp
and then set value of temp
to selected object in your click event:
temp: any;clicked(object) { this.temp = object;}
And then in your template you can use NgClass
directive to achieve what you want:
<ul id="navbar-example" class="nav nav-pills nav-stacked" *ngFor="let object of objects; let i = index;"> <li class="nav-item"> <a id="{{object.code}}" class="nav-link" [ngClass]="{ 'active': temp.code == object.code }" (click)="clicked(object)">{{object.name}}</a> </li></ul>