/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

8 votes134 views3 answers
Angular build production
Javascript AngularJS
0 vote116 views1 answer
Use ngfor to make a dropdown in angular from array
Javascript AngularJS
0 vote127 views1 answer
Upload file angular rest api
Javascript AngularJS
0 vote131 views1 answer
Convert angular HTTP to Native HTTP in Ionic
Javascript AngularJS
1 vote121 views1 answer
Dynamic component angular parameters
Javascript AngularJS
0 vote129 views1 answer
Angular attach component to body
Javascript AngularJS
0 vote138 views1 answer
Make directive to return dropdown values angular
Javascript AngularJS
0 vote143 views1 answer
Angular $http abort request
Javascript AngularJS
7 votes116 views3 answers
How to add query parameter to url in angular
Javascript AngularJS
0 vote130 views1 answer
Httpclientmodule is not an angular module
Javascript AngularJS