/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 vote349 views1 answer
Angular form initialse
Javascript AngularJS
9 votes365 views4 answers
Scroll to top when routing angular
Javascript AngularJS
0 vote374 views1 answer
Reactive forms change event in angular
Javascript AngularJS
0 vote335 views2 answers
SaveAs method of file-saver in angular
Javascript AngularJS
0 vote490 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
0 vote388 views1 answer
Page reload button using angular
Javascript AngularJS
0 vote320 views1 answer
Angular update cdk
Javascript AngularJS
1 vote356 views1 answer
Forms in angular
Javascript AngularJS
1 vote316 views1 answer
Bs modal service angular pass data
Javascript AngularJS
5 votes385 views3 answers
Angular formarray remove all
Javascript AngularJS