/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 vote137 views1 answer
Angular input force uppercase
Javascript AngularJS
1 vote141 views1 answer
Onchange event angular select
Javascript AngularJS
0 vote145 views1 answer
Upload file angular rest api
Javascript AngularJS
5 votes132 views2 answers
Angular add object to array
Javascript AngularJS
1 vote138 views1 answer
Drop down listing in angular form
Javascript AngularJS
0 vote151 views1 answer
Generate angular.json for existing project
Javascript AngularJS
0 vote163 views1 answer
Angular taskkill in port 4200
Javascript AngularJS
0 vote153 views2 answers
Same file select angular second time not selected
Javascript AngularJS
43 votes289 views6 answers
Add bootstrap to angular
Javascript AngularJS
0 vote157 views1 answer
Angular material nested tree
Javascript AngularJS