/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

3 votes139 views1 answer
Send event to child component angular
Javascript AngularJS
0 vote141 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
0 vote122 views1 answer
Material icon button angular
Javascript AngularJS
1 vote135 views1 answer
Angular adding delay
Javascript AngularJS
5 votes133 views2 answers
Timeout angularjs
Javascript AngularJS
10 votes145 views3 answers
Angular create service command line
Javascript AngularJS
21 votes193 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
0 vote144 views1 answer
Route not getting refresh with different id in angular
Javascript AngularJS
0 vote142 views1 answer
Angular {{}} new line
Javascript AngularJS
0 vote123 views1 answer
How to use buffer in angular by using browserify
Javascript AngularJS