html - 相同型号产品的角度增量和减量工作不正确

Question

每个人！我被困在一项任务上。我需要能够减少或添加篮子中产品的单位数量，一切正常，但是当我有两个相同型号的产品，但图片不同时，我会增加第一个产品的数量购物篮列表中的型号，即使我想增加相同型号的另一个产品的数量，这里是我的代码：

HTML：

<div class="input-group" style="flex-wrap: nowrap">
                    <span class="input-group-prepend">
                      <button type="button" class="btn quantity-left-minus" (click)="decrement(item.image)" data-type="minus" data-field="">
                        <i class="ti-minus"></i>
                      </button>
                    </span>
                    
                    <input type="text" name="quantity" disabled class="form-control input-number" [(ngModel)]="item.quantity">
                    
                    <span class="input-group-prepend">
                      <button type="button" class="btn quantity-right-plus" (click)="increment(item.image)" data-type="plus" data-field="">
                        <i class="ti-plus"></i>
                      </button>
                    </span>
                  </div>

TS：

// Increase Product Quantity
public increment(product: any, quantity: number = 1) {
this.cartService.updateCartQuantity(product, quantity);}

// Decrease Product Quantity
public decrement(product: any, quantity: number = -1) {
this.cartService.updateCartQuantity(product, quantity);}

标签： htmlangulartypescript