/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

3 votes349 views1 answer
Install ionic @angular/fire
Javascript AngularJS
1 vote359 views1 answer
Drop down listing in angular form
Javascript AngularJS
0 vote324 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS
1 vote362 views2 answers
Angular project structure
Javascript AngularJS
2 votes315 views1 answer
Remove single item from array in angular
Javascript AngularJS
-1 vote313 views2 answers
Activate router angular
Javascript AngularJS
0 vote342 views1 answer
Angular 12 tabs
Javascript AngularJS
0 vote288 views1 answer
Comand component create struct angular
Javascript AngularJS
0 vote330 views1 answer
Angular Cannot find name 'require'.
Javascript AngularJS
0 vote307 views1 answer
Angular 10 get unique values from array of objects
Javascript AngularJS