/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 vote283 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
38 votes371 views6 answers
How to add bootstrap in angular
Javascript AngularJS
0 vote310 views1 answer
Angular view not changing on model
Javascript AngularJS
0 vote248 views1 answer
Form status angular
Javascript AngularJS
1 vote263 views2 answers
Angular img tag
Javascript AngularJS
0 vote304 views1 answer
Propriedades checkbox angular
Javascript AngularJS
5 votes285 views2 answers
Angular add object to array
Javascript AngularJS
0 vote278 views1 answer
Plyr.js example in angular 10
Javascript AngularJS
0 vote310 views1 answer
Angular autocomplete displaywith
Javascript AngularJS
0 vote264 views1 answer
Loader service show hide unit test angular
Javascript AngularJS