/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 vote352 views3 answers
How to receive window.postmessage event in angular 9
Javascript AngularJS
0 vote347 views1 answer
Configure column menu in kendo grid angular to hae only locked
Javascript AngularJS
0 vote333 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
0 vote407 views2 answers
Angular cli generate guard
Javascript AngularJS
1 vote323 views1 answer
Angular show time ago
Javascript AngularJS
7 votes330 views4 answers
Build angular project
Javascript AngularJS
0 vote316 views1 answer
Angular local storage ionic
Javascript AngularJS
0 vote386 views1 answer
Angular view not changing on model
Javascript AngularJS
2 votes307 views2 answers
Ngmodel
Javascript AngularJS
10 votes352 views2 answers
Make service in angular 8
Javascript AngularJS