/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 vote164 views1 answer
Convert angular HTTP to Native HTTP in Ionic
Javascript AngularJS
0 vote171 views1 answer
Angular ngmodel checkbox
Javascript AngularJS
0 vote196 views1 answer
Command to check dependencies in angular
Javascript AngularJS
27 votes173 views3 answers
Setup new angular project
Javascript AngularJS
0 vote171 views2 answers
SaveAs method of file-saver in angular
Javascript AngularJS
0 vote176 views1 answer
Angular cli generate component no tests
Javascript AngularJS
0 vote169 views1 answer
@angular/common
Javascript AngularJS
0 vote193 views1 answer
Angular automatic typewriter animation
Javascript AngularJS
0 vote192 views1 answer
Angular watching for changes in $http.pendingRequests from directive
Javascript AngularJS
0 vote182 views1 answer
Plyr.js example in angular 10
Javascript AngularJS