Using component for list how to add active class and remove it from siblings. //in main component Html <app-item-desc *ngFor="let itemDesc of addedItem; let i = index" [itemlistDesc]="itemDesc"></app-item-desc> //list’s component <div class="order" (click)="select($event)"> <div class="order__left"> <h4 class="order__title">{{itemlistDesc.name}}</h4> <p><span class="order__unit">{{itemlistDesc.unit}}</span> Units at ${{itemlistDesc.price}}/Units</p> </div> <div class="order__right"> <div class="order__total"> {{(itemlistDesc.price * itemlistDesc.unit)}}$ </div> </div> </div> is there… Read More Angular after click add active class and remove from siblings