/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 vote344 views2 answers
SaveAs method of file-saver in angular
Javascript AngularJS
0 vote356 views1 answer
Angular generer guard
Javascript AngularJS
0 vote367 views1 answer
Resolver not showing content angular
Javascript AngularJS
0 vote358 views1 answer
Npm font awesome 5 angular 7
Javascript AngularJS
0 vote341 views1 answer
Angular reactive form remove validation
Javascript AngularJS
0 vote363 views1 answer
Update angular materia;
Javascript AngularJS
0 vote324 views4 answers
Angular for loop
Javascript AngularJS
9 votes364 views1 answer
Angular ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.
Javascript AngularJS
0 vote400 views1 answer
Angular validar formulario
Javascript AngularJS
0 vote355 views1 answer
Create new angular project specific version
Javascript AngularJS