/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

7 votes257 views3 answers
How to add query parameter to url in angular
Javascript AngularJS
0 vote234 views1 answer
Matmenu in angular
Javascript AngularJS
1 vote221 views1 answer
Angular one array contains any of second
Javascript AngularJS
19 votes222 views6 answers
Generate component in angular
Javascript AngularJS
6 votes221 views2 answers
Angular dynamic class
Javascript AngularJS
0 vote234 views1 answer
Angular call function every x seconds
Javascript AngularJS
1 vote226 views3 answers
Install specific version of angular
Javascript AngularJS
0 vote214 views1 answer
Form status angular
Javascript AngularJS
0 vote247 views1 answer
Read xlsx file in angular 5
Javascript AngularJS
1 vote243 views1 answer
How to clone a object in javascript angular
Javascript AngularJS