/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

0 vote213 views1 answer
Angular 7 selected
Javascript AngularJS
0 vote170 views3 answers
Stripe angular
Javascript AngularJS
0 vote171 views2 answers
Aos animation angular
Javascript AngularJS
0 vote168 views2 answers
Angular 4200 on ec2 access is localhost
Javascript AngularJS
12 votes226 views3 answers
Angular create guard
Javascript AngularJS
-3 votes170 views5 answers
Base64 to image angular
Javascript AngularJS
0 vote168 views1 answer
Angular bind checkbox
Javascript AngularJS
0 vote195 views3 answers
Order by ascending descending in angular 6 on click of button
Javascript AngularJS
0 vote165 views1 answer
Add route angular 3
Javascript AngularJS
1 vote155 views1 answer
Angular remove item from localstorage
Javascript AngularJS