/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

-1 vote106 views2 answers
Angular form validation date input
Javascript AngularJS
3 votes133 views2 answers
Angular background image
Javascript AngularJS
-1 vote125 views1 answer
Angular 11 support versions nodejs
Javascript AngularJS
5 votes144 views3 answers
Angular formarray remove all
Javascript AngularJS
0 vote190 views1 answer
Styleurls component angular node_modules
Javascript AngularJS
0 vote137 views1 answer
Angular attach component to body
Javascript AngularJS
1 vote131 views2 answers
Angular route change scroll to top
Javascript AngularJS
28 votes285 views6 answers
Angular router navigate
Javascript AngularJS
-1 vote121 views1 answer
Angular how to navigate back
Javascript AngularJS
0 vote145 views1 answer
How to add toaster in angular 9
Javascript AngularJS