/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 vote272 views1 answer
Setinterval in angular 6
Javascript AngularJS
0 vote284 views1 answer
Angular observable examplE
Javascript AngularJS
0 vote285 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
0 vote303 views1 answer
Angular resolver for cookie
Javascript AngularJS
0 vote297 views2 answers
Angular 4200 on ec2 access is localhost
Javascript AngularJS
0 vote314 views1 answer
Attr.disabled not working in angular
Javascript AngularJS
0 vote477 views1 answer
Toggle buttons angular styles
Javascript AngularJS
0 vote321 views1 answer
Angular keyframes %
Javascript AngularJS
-2 votes275 views1 answer
Checkbox checked angular
Javascript AngularJS
1 vote275 views1 answer
Angular add font
Javascript AngularJS