/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

4 votes192 views1 answer
Declare * angular jquery
Javascript AngularJS
0 vote208 views1 answer
Ontouch validate angular
Javascript AngularJS
0 vote189 views1 answer
How to trim the file name when length more than 10 in angular
Javascript AngularJS
16 votes230 views6 answers
Generate a component in angular
Javascript AngularJS
1 vote180 views1 answer
Angular find value in json array
Javascript AngularJS
-1 vote191 views1 answer
Directives in angular
Javascript AngularJS
1 vote174 views1 answer
Angular remove item from localstorage
Javascript AngularJS
0 vote190 views1 answer
Angular cli spec test false
Javascript AngularJS
1 vote192 views1 answer
Nativeelement angular add class
Javascript AngularJS
0 vote189 views1 answer
Navigate to route and refresh angular 6
Javascript AngularJS