购物车+储存+离子3中特定项目的添加和移除数量

Question

我正在为我的一个项目开发此购物车模块，这是我第一次从事功能谎言购物车。在这里，我为每个项目都有一个按钮，单击一个项目后，我想显示+和-按钮以增加/减少该特定项目的数量。 现在，在我的场景中发生的事情是，我能够显示所有项目的按钮，但是我无法添加特定项目，它会添加所有项目，如果我去掉它不会做任何事情（它反映了所有项目） ，并且该商品的数量需要在本地存储/删除/更新。这是我的代码段。

我的.ts文件

   addQuantity(quantity,counter){
        for (var key in this.storageValue){
              if(this.storageValue[key] === quantity){
                this.storageValue[key].counter += counter;
                console.log(this.storageValue[key].count);
                return;
              }
              this.counter = this.counter+1;
              this.quantities.push(quantity[key]);
              console.log(this.quantities.push(quantity[key]));
        }
      } 

      subQuantity(quantity,counter){

        for (var key in this.storageValue){
          if(this.storageValue[key] === quantity){
            this.storageValue[key].counter--;
            console.log(this.storageValue[key].counter--);
            if(this.storageValue[key]){

            }
            break;
          }

          console.log(this.storageValue[key].counter--);

    }

      }

    }

我的html文件

<ion-content>
<ion-icon name="add-circle" (click)="addQuantity(displayItems.ITEMID)" item-right></ion-icon>
{{counter}}
 <ion-icon name="remove-circle"(click)="subQuantity(displayItems.ITEMID)" item-right></ion-icon>

</div>

<div *ngIf="!alive"> 
<button ion-button item-end (click)="alive = !alive">Add</button>
</div>
<!-- Customisable -->
</div>
</ion-item> 

我是初学者，正在学习Ionic。您的指导将不胜感激。