/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 vote111 views1 answer
Mengakses gambar didalam asset angular
Javascript AngularJS
0 vote101 views1 answer
How to make color squares in angular
Javascript AngularJS
27 votes135 views5 answers
Create new project angular
Javascript AngularJS
0 vote92 views1 answer
Adding bootstrap to angular global styles
Javascript AngularJS
0 vote99 views1 answer
Angular call parent method and child method
Javascript AngularJS
0 vote110 views1 answer
USA phone number validator angular
Javascript AngularJS
0 vote86 views1 answer
Propriedades checkbox angular
Javascript AngularJS
0 vote100 views1 answer
Default selected radio button angular material
Javascript AngularJS
0 vote106 views1 answer
Jasmine spy return value when using create Spy Object angular 2
Javascript AngularJS
8 votes110 views3 answers
How to use another port in angular
Javascript AngularJS