/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 vote253 views1 answer
Angular set attribute value dynamically
Javascript AngularJS
0 vote267 views1 answer
Pattern validator angular
Javascript AngularJS
0 vote289 views1 answer
Documentation tool for angular applications
Javascript AngularJS
0 vote246 views1 answer
Angular cli no test
Javascript AngularJS
0 vote269 views1 answer
Create ew angular app
Javascript AngularJS
0 vote279 views1 answer
Angular set dist output directly under dist rather than dist/project
Javascript AngularJS
1 vote282 views1 answer
If 'ion-item' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
0 vote232 views1 answer
Tinymce-angular load slow
Javascript AngularJS
1 vote245 views1 answer
Angular show time ago
Javascript AngularJS
0 vote276 views1 answer
Angular create library
Javascript AngularJS