/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

-1 vote338 views1 answer
Angular router return back
Javascript AngularJS
6 votes306 views1 answer
String to number angularjs
Javascript AngularJS
0 vote326 views1 answer
Dynamic set required in angular using formcontrol
Javascript AngularJS
0 vote336 views1 answer
Ngstyle background url angular
Javascript AngularJS
0 vote352 views1 answer
If else condition in angular if user enter string value in input integer
Javascript AngularJS
0 vote317 views2 answers
Referrer Policy: strict-origin-when-cross-origin angular
Javascript AngularJS
-1 vote372 views1 answer
Angular back button
Javascript AngularJS
1 vote369 views1 answer
Angular directive output
Javascript AngularJS
4 votes328 views1 answer
Clear angular formarray
Javascript AngularJS
3 votes310 views3 answers
Disable input angular
Javascript AngularJS