/Javascript/AngularJS/Onclick add active class in angular

Onclick add active class in angular

// if needed add a boolean to the array and use it
for(let i = 0; i < this.subModules.length; i++){
	this.subModules[i].active = false;
}

<ul class="sub_modules">
  <li (click)="activateClass(subModule)"
      *ngFor="let subModule of subModules"
      [ngClass]="{'active': subModule.active}">
    <a>{{ subModule.name }}</a>
  </li>
</ul>
On The component

activateClass(subModule){
  subModule.active = !subModule.active;    
}

Similar codes

-1 vote265 views1 answer
Angular back button
Javascript AngularJS
24 votes273 views2 answers
Angular 10 filter date time
Javascript AngularJS
5 votes225 views5 answers
If condition in class angular 8
Javascript AngularJS
8 votes255 views3 answers
Angular build production
Javascript AngularJS
0 vote240 views1 answer
Remove unused javascript angular
Javascript AngularJS
0 vote373 views2 answers
Angular cors issue
Javascript AngularJS
1 vote250 views2 answers
Angular disable select dropdown
Javascript AngularJS
0 vote246 views1 answer
Angular module with routing cli
Javascript AngularJS
0 vote273 views2 answers
Zoom map around the marker angular
Javascript AngularJS
-2 votes256 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS