/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 vote188 views1 answer
Angular dynamic script loading
Javascript AngularJS
0 vote169 views2 answers
Print array angular
Javascript AngularJS
0 vote225 views1 answer
Angular remove index of array
Javascript AngularJS
4 votes190 views1 answer
Ng remove @angular/fire
Javascript AngularJS
0 vote165 views1 answer
Material icon button angular
Javascript AngularJS
0 vote190 views1 answer
How to use buffer in angular by using browserify
Javascript AngularJS
0 vote156 views3 answers
Angular subscribe and unsubscribe
Javascript AngularJS
0 vote192 views1 answer
Unhandled Navigation Error: angular dist build
Javascript AngularJS
0 vote161 views4 answers
Angular for loop
Javascript AngularJS
1 vote202 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS