/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

3 votes264 views4 answers
Router-outlet' is not a known element angular
Javascript AngularJS
0 vote195 views1 answer
Count same product with price in angular
Javascript AngularJS
9 votes195 views1 answer
Angular ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.
Javascript AngularJS
2 votes210 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
0 vote188 views1 answer
Angular get class list for element
Javascript AngularJS
2 votes220 views5 answers
Ng class in angular
Javascript AngularJS
1 vote205 views1 answer
What it means --skiptests==true in angular
Javascript AngularJS
0 vote194 views1 answer
Update angular materia;
Javascript AngularJS
0 vote174 views1 answer
Angular url not valid send you to a component
Javascript AngularJS
0 vote204 views1 answer
Angular bind only when mouse moves
Javascript AngularJS