Increment and decrements item quantity based on id

@jaik1064 wrote:

I have an app in which allows the user to increment or decrement the in-stock quantity of an item. When I click an increment or decrement button, all the items are changed at once. Only the item from the clicked row should get changed. What am I doing wrong?

can any one help on this

<div class="list">
    <ion-item *ngFor="let list of quickOrder; let i = index">
      <ion-row>
        <ion-col width-15>{{list.SNo}}</ion-col>
        <ion-col width-25>{{list.PartNo}}</ion-col>
        <ion-col width-25 class="add">
        <button clear (click)="incrementQty()"><ion-icon name="add-circle" ></ion-icon></button>{{qty}}
        <button clear (click)="decrementQty()"><ion-icon name="remove-circle" ></ion-icon></button>
      </ion-col>
        <ion-col width-15>{{list.Price}}</ion-col>
        <ion-col width-20><button clear (click)="delete(i)"><ion-icon name="close-circle"></ion-icon></button></ion-col>
      </ion-row>
    </ion-item>
</div>

<div class="addtocart">
  <center><button padding (click)="addToCart();">Add to Cart</button></center>
</div>

import { Component} from '@angular/core';
import { NavController, Slides} from 'ionic-angular';

@Component({
templateUrl: 'build/pages/titlepage/titlepage.html',
})
export class titlePage {
qty:any;
constructor(private nav: NavController) {
this.qty = 1;
}

// increment product qty
incrementQty() {
console.log(this.qty+1);
this.qty += 1;
}

// decrement product qty
decrementQty() {
if(this.qty-1 < 1 ){
this.qty = 1
console.log('1->'+this.qty);
}else{
this.qty -= 1;
console.log('2->'+this.qty);
}
}
}

this for .ts file

Posts: 1

Participants: 1

Read full topic