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>

我有[ngClass]="{'active' : price.active == true }" price.active被设置为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);

}

Answer 1

实现这一目标的方法之一是：

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

如何在单击另一个标签标签时删除活动类

1 个答案: