/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 vote303 views1 answer
Angular img src binding
Javascript AngularJS
2 votes446 views1 answer
Get current url angular
Javascript AngularJS
0 vote314 views2 answers
Zoom map around the marker angular
Javascript AngularJS
0 vote277 views1 answer
Angular escape style attr
Javascript AngularJS
0 vote274 views1 answer
How to slice one specific element from array in angular
Javascript AngularJS
0 vote425 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
1 vote269 views1 answer
Form input field readonly angular
Javascript AngularJS
0 vote295 views1 answer
Angular turn text into input
Javascript AngularJS
7 votes319 views8 answers
Angular mouseenter
Javascript AngularJS
0 vote274 views1 answer
Angular {{}} new line
Javascript AngularJS