在这里,我试图通过单击加号按钮来增加特定商品/产品的计数器,并通过按减号按钮来降低计数器,这绝对可以正常工作。现在真正的问题是我想为特定项目增加/减少。
我尝试了许多方法,但仍在努力。
我的ts功能
addQuantity(items){
Object.keys(this.hideMe).forEach(h => {
this.hideMe[items.ITEMID] = false;
});
this.hideMe[items.ITEMID] = true;
this.item_qty+=1;
}
subQuantity(items){
if(this.item_qty-1 < 1){
this.item_qty = 1;
console.log('item_1->' + this.item_qty)
}
else{
this.item_qty -= 1;
console.log('item_2->' + this.item_qty);
}
}
html
<div class = "col-md-3 float-plus">
<ion-buttons>
<div *ngIf="!hideMe[displayItems.ITEMID]">
<button ion-button outline color = "dark" (click)="addQuantity(displayItems)">
<!-- Add -->
<ion-icon name="add"></ion-icon>
</button>
</div>
<div *ngIf="hideMe[displayItems.ITEMID]">
<div>
<div class="outline">
<button class="small-btn" ion-button outline small color = "dark" (click)="subQuantity(displayItems)">
<!-- Add -->
<ion-icon name="remove"></ion-icon>
</button>
<h5 class="count" *ngIf="val.ITEMID === displayItems.ITEMID;">
{{item_qty}}
</h5>
<ng-template #nothing>
<!-- <strong> {{cartCount}} </strong> -->
</ng-template>
<button class="small-btn" style="float: right" ion-button outline small color = "dark" (click)="addQuantity(displayItems)">
<!-- Add -->
<ion-icon name="add"></ion-icon>
</button>
</div>
</div>
</div>
</ion-buttons>
</div>
我只希望计数器增加/减少特定项目。我已经尝试了很长时间了,请帮忙。