/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

1 vote134 views3 answers
Angular directive
Javascript AngularJS
32 votes265 views4 answers
Angular version command
Javascript AngularJS
0 vote152 views1 answer
Angular format phone number while typing
Javascript AngularJS
5 votes128 views2 answers
Angular add object to array
Javascript AngularJS
1 vote131 views1 answer
Angular set timezone
Javascript AngularJS
0 vote149 views1 answer
Angular empty object
Javascript AngularJS
0 vote122 views1 answer
Angular url not valid send you to a component
Javascript AngularJS
0 vote143 views1 answer
Jwtdecode has no call signatures angular
Javascript AngularJS
0 vote139 views1 answer
Angular dinamic disabled
Javascript AngularJS
0 vote148 views1 answer
Angular show text in template before data loads
Javascript AngularJS