如何增加和减少离子中的特定项目

时间:2019-01-13 20:35:53

标签: javascript ionic-framework

在这里,我试图通过单击加号按钮来增加特定商品/产品的计数器,并通过按减号按钮来降低计数器,这绝对可以正常工作。现在真正的问题是我想为特定项目增加/减少。

我尝试了许多方法,但仍在努力。

我的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 &nbsp; -->
      <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 &nbsp; -->
                    <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 &nbsp; -->
        <ion-icon name="add"></ion-icon>

        </button>
        </div>
      </div>
      </div>



  </ion-buttons>
</div> 

我只希望计数器增加/减少特定项目。我已经尝试了很长时间了,请帮忙。

0 个答案:

没有答案