/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 vote155 views1 answer
Angular transition
Javascript AngularJS
3 votes222 views4 answers
Router-outlet' is not a known element angular
Javascript AngularJS
0 vote179 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
0 vote152 views1 answer
Mat chips with input
Javascript AngularJS
0 vote206 views1 answer
Bind an event to dom element angular
Javascript AngularJS
0 vote191 views2 answers
Readonly checkbox angular
Javascript AngularJS
0 vote189 views1 answer
How to disable reactive form submit button in Angular
Javascript AngularJS
0 vote203 views1 answer
Angular module with routing cli
Javascript AngularJS
0 vote189 views2 answers
Set @Output through modalref angular
Javascript AngularJS
1 vote221 views1 answer
You have no internet connection angular
Javascript AngularJS