/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 vote322 views2 answers
Aos animation angular
Javascript AngularJS
0 vote325 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
9 votes335 views4 answers
Scroll to top when routing angular
Javascript AngularJS
0 vote298 views1 answer
Locale data angular 12
Javascript AngularJS
0 vote330 views1 answer
Is it possible to filter with multiple condition in angularjs?
Javascript AngularJS
0 vote345 views1 answer
Index and id togtgher angularjs
Javascript AngularJS
-1 vote301 views2 answers
Activate router angular
Javascript AngularJS
0 vote330 views1 answer
Youtube movie trailer angular
Javascript AngularJS
0 vote332 views1 answer
Error: node_modules/@angular/fire/database/interfaces.d.ts:2:10
Javascript AngularJS
0 vote335 views3 answers
Barcode scanner angularjs chrome browser issues
Javascript AngularJS