/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 vote171 views1 answer
How to add jquery.zoom in angular
Javascript AngularJS
0 vote221 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
5 votes179 views3 answers
Angular formarray remove all
Javascript AngularJS
1 vote160 views3 answers
Angular directive
Javascript AngularJS
0 vote157 views1 answer
Configure column menu in kendo grid angular to hae only locked
Javascript AngularJS
-2 votes165 views1 answer
Angular http get status code
Javascript AngularJS
0 vote197 views1 answer
Angular findindex object based array
Javascript AngularJS
4 votes169 views3 answers
In angular how to get router url without query params
Javascript AngularJS
12 votes170 views5 answers
Update angular 10
Javascript AngularJS
19 votes177 views6 answers
Generate component in angular
Javascript AngularJS