/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 vote124 views1 answer
Vscode angular: running ngcc
Javascript AngularJS
0 vote142 views1 answer
How to set header in angular 8post
Javascript AngularJS
9 votes115 views3 answers
Angular append array to another
Javascript AngularJS
0 vote121 views1 answer
Angular erro ao adicionar um projeto no firebase Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
1 vote114 views1 answer
Property 'socket' does not exist on type 'Window & typeof globalThis'. angular
Javascript AngularJS
1 vote137 views3 answers
Angular dropdown selected value
Javascript AngularJS
37 votes233 views4 answers
Angularjs date
Javascript AngularJS
1 vote125 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS
0 vote117 views1 answer
Scrollout js angular
Javascript AngularJS
0 vote116 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS