/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 vote316 views1 answer
How to read from asset in angular
Javascript AngularJS
0 vote214 views1 answer
Get child routes using parent in angular
Javascript AngularJS
0 vote208 views1 answer
Animate change background color angular
Javascript AngularJS
0 vote221 views1 answer
Get page link angular
Javascript AngularJS
16 votes203 views6 answers
Generate new component angular
Javascript AngularJS
0 vote207 views1 answer
Hide element when pressing button angular
Javascript AngularJS
0 vote195 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS
5 votes170 views1 answer
Angular x social login
Javascript AngularJS
0 vote196 views1 answer
Angular chart js legend position
Javascript AngularJS
4 votes197 views2 answers
Angular pipe to capitalize first letter
Javascript AngularJS