/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 vote298 views2 answers
Angular scroll to element horizontally
Javascript AngularJS
0 vote287 views1 answer
Angular show text in template before data loads
Javascript AngularJS
7 votes323 views2 answers
Mouseover event in angular 11
Javascript AngularJS
0 vote343 views1 answer
Angularjs download xml file
Javascript AngularJS
0 vote299 views1 answer
Filter table with multiple input in angular
Javascript AngularJS
3 votes286 views3 answers
Disable input angular
Javascript AngularJS
2 votes324 views1 answer
@input and @Output in angular
Javascript AngularJS
21 votes385 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
0 vote297 views1 answer
Angular.fromJson
Javascript AngularJS
8 votes310 views4 answers
Angular moment
Javascript AngularJS