/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 vote115 views1 answer
Angular key value pipe compareFn example
Javascript AngularJS
0 vote133 views1 answer
Angular 11 export excel with customize header
Javascript AngularJS
-1 vote129 views1 answer
Angular router return back
Javascript AngularJS
6 votes125 views2 answers
Auto scroll to bottom of div angular
Javascript AngularJS
0 vote151 views1 answer
Cannot find name json angular 7
Javascript AngularJS
7 votes124 views2 answers
Make angular to run on a different port
Javascript AngularJS
-1 vote144 views1 answer
Angular multiple validator pattern single input
Javascript AngularJS
1 vote134 views3 answers
Install specific version of angular
Javascript AngularJS
9 votes125 views3 answers
Angular append array to another
Javascript AngularJS
0 vote133 views1 answer
Attr.disabled not working in angular
Javascript AngularJS