別のラベルタグをクリックするとアクティブクラスを削除する方法

Question

商品価格にループするdivラベルがあり、 商品価格をクリックすると、アクティブなクラスがラベルエレメントタグに設定されます。

私が別のラベル要素をクリックすると、アクティブなクラスを削除するにはどうすればよいですか？

<div class="btn-group cx-cont" *ngFor="let price of product.price" data-toggle="buttons" > 
    <label class="btn btn-primary " id="cart-label" [ngClass]="{'active' : price.active == true }"> 
     <input type="radio" class="cart-check" ng-class="{'active': isActive}" (click)="selectProduct(price.id,price, price.unit)" autocomplete="off"> 
     <div class="cart-price">{{price.price | currency: 'USD':true}}</div> <div class="cart-unit">{{price.unit}}</div> 
    </label> 
</div> 

私はprice.activeが、それに設定されている[ngClass]="{'active' : price.active == true }"はこれを達成するための方法の一つである

Answer 1

selectProduct方法

selectProduct(id, price, unit) { 
this.price_id = id; 
this.price = price; 
this.price.active = true; 
this.unit = unit; 
this.isClassVisible = true; 
this.selectedProd = true; 
// console.log(this.cart); 

}上のコンポーネントの持っている：

[ngClass]="price.active ? 'active' : ''"