# Increment and decrements item quantity based on id

**URL:** <https://forum.ionicframework.com/t/increment-and-decrements-item-quantity-based-on-id/92403>\
**Category:** ionic-v3\
**Created:** [May 31, 2017, 5:14am UTC](https://forum.ionicframework.com/t/increment-and-decrements-item-quantity-based-on-id/92403 "2017-05-31T05:14:39Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![anon35626142](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@anon35626142](https://forum.ionicframework.com/u/anon35626142)\
**Post date:** [May 31, 2017, 5:14am UTC](https://forum.ionicframework.com/t/increment-and-decrements-item-quantity-based-on-id/92403/1 "2017-05-31T05:14:39Z")

</div>

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?  
 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/b/a/ba16dbad34e10663483cbe4e27f2e43830ea1dc8.png)

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

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [May 31, 2017, 8:16pm UTC](https://forum.ionicframework.com/t/increment-and-decrements-item-quantity-based-on-id/92403/2 "2017-05-31T20:16:03Z")

</div>

[Didn’t we just cover this yesterday?](https://forum.ionicframework.com/t/only-increment-one-item-inside-ngfor-angular-2/92264).

---

<div class="post-metadata">

**Author:** ![vijaychauhanssn](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/vijaychauhanssn/32/113360_2.png) [@vijaychauhanssn](https://forum.ionicframework.com/u/vijaychauhanssn)\
**Post date:** [August 22, 2018, 7:30pm UTC](https://forum.ionicframework.com/t/increment-and-decrements-item-quantity-based-on-id/92403/3 "2018-08-22T19:30:05Z")

</div>

```auto
<ion-card *ngFor="let product of cart; let index=index">

<strong> ₹ {{ item_qty * product.price }}</strong>

<ion-card>

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

@Component({
selector: 'page-cart',
templateUrl: 'cart.html',
})
export class CartPage implements OnInit {

 item_qty:any;

constructor()
{this.item_qty=1;}

// increment item 
inc(){
this.item_qty += 1;
console.log(this.item_qty + 1);
}

//decrements item

dec(){
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);
}
}

}

```

---

<div class="post-metadata">

**Author:** ![sunilkunapareddy](https://avatars.discourse-cdn.com/v4/letter/s/4491bb/32.png) [@sunilkunapareddy](https://forum.ionicframework.com/u/sunilkunapareddy)\
**Post date:** [August 24, 2018, 7:17am UTC](https://forum.ionicframework.com/t/increment-and-decrements-item-quantity-based-on-id/92403/4 "2018-08-24T07:17:39Z")

</div>

hi…

I followed it… the number gets incremented and decremented but the price gets incremented when i CLick on the price add item… but it gets incremented for all the items in the grid…

can you share any snippet regarding this.

---

<div class="post-metadata">

**Author:** ![HardikDesai](https://avatars.discourse-cdn.com/v4/letter/h/fbc32d/32.png) [@HardikDesai](https://forum.ionicframework.com/u/HardikDesai)\
**Post date:** [March 16, 2019, 6:29am UTC](https://forum.ionicframework.com/t/increment-and-decrements-item-quantity-based-on-id/92403/6 "2019-03-16T06:29:06Z")

</div>

@ **anon35626142** Thank You Very Much Your Code Is Worked For Me only // decrement product qty part 😃