/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 $http abort request
Javascript AngularJS
5 votes170 views2 answers
Display rond logo in angular
Javascript AngularJS
0 vote179 views1 answer
Angular http loader
Javascript AngularJS
0 vote188 views1 answer
Page reload button using angular
Javascript AngularJS
43 votes362 views6 answers
Angular check if array is empty
Javascript AngularJS
6 votes198 views1 answer
String to number angularjs
Javascript AngularJS
11 votes203 views2 answers
Angular print an array
Javascript AngularJS
0 vote174 views1 answer
Join two arrays angular
Javascript AngularJS
7 votes191 views5 answers
Update angular project
Javascript AngularJS
0 vote170 views1 answer
Is an Angular component, then verify that it is part of this module.
Javascript AngularJS