/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

5 votes114 views2 answers
Angular how to copy text with button
Javascript AngularJS
0 vote61 views1 answer
Angular toggle class on click
Javascript AngularJS
10 votes104 views6 answers
Angular refresh component without reloading page
Javascript AngularJS
0 vote104 views1 answer
Angular json and cli json file
Javascript AngularJS
0 vote109 views1 answer
Angular httpheaders example
Javascript AngularJS
0 vote129 views1 answer
How to set header in angular 8post
Javascript AngularJS
-1 vote112 views1 answer
Angularjs socket.io
Javascript AngularJS
0 vote103 views1 answer
How to convert date format using date pipe in angular
Javascript AngularJS
0 vote113 views1 answer
Angular on back skip routes
Javascript AngularJS
1 vote112 views1 answer
Angular infinite scroll
Javascript AngularJS