/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 vote223 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote232 views1 answer
Display component in popup angular 8
Javascript AngularJS
1 vote174 views1 answer
Angular form set value without fire event
Javascript AngularJS
1 vote206 views1 answer
What is the best way to conditionally apply attributes in AngularJS?
Javascript AngularJS
17 votes309 views1 answer
Angular delete component full
Javascript AngularJS
0 vote205 views1 answer
Form status angular
Javascript AngularJS
0 vote236 views1 answer
How can I check which version of Angular I'm using?
Javascript AngularJS
0 vote251 views1 answer
Como checar valor do input checkbox angular
Javascript AngularJS
5 votes219 views2 answers
Copy to clipboard angular
Javascript AngularJS
0 vote242 views1 answer
Retrieve list by id from firebase angular
Javascript AngularJS