Ionic 2 calculate with Ngfor

@anivaishu wrote:

I am using ionic 2.

I Developed E-commerce app.

Here is my template(Cart Page).

PRICE_REGULAR is Product Regular price and PRICE_SALE is product sale price.If I need to increase the product quantity I call the method countOperator(1,p)

Price is Quantity and PRICE_SALE price.

<ion-row class="apply-coupon" *ngFor="let p of Cartproducts;let i=index">
                <ion-col col-4>
                    <img src="{{p.P_IMAGES[0].URL}}" alt="product2">
                </ion-col>
                <ion-col col-8>
                    <h1>{{p.P_TITLE}}</h1>
                    <p class="subtitle">Subtitle</p>
                    <p class="code">Code: 123</p>

                    <div>
                        <ion-row>
                            <ion-col width-50>
                                <button ion-button outline small><ion-icon name="add" (click)="countOperator(1,p)"></ion-icon></button>
                            </ion-col>
                            <ion-label text-center>{{count}}</ion-label>
                            <ion-col width-50>
                                <button ion-button outline small><ion-icon name="remove" (click)="countOperator(-1,p)"></ion-icon></button>
                            </ion-col>
                        </ion-row>
                        <span><img src="./assets/images/rupee-black.svg" alt="Rupee">{{p.PRICE_REGULAR}}</span>

                        <span *ngIf="Pid == p.C_ID"><img src="./assets/images/rupee-black.svg" alt="Rupee">{{Price}}</span>


                        <span text-right><img src="./assets/images/rupee-black.svg" alt="Rupee">{{p.PRICE_SALE}}</span>
                    </div>

                    <div>
                        <button (click)="cancel(i)">Cancel X</button>
                    </div>
                </ion-col>
            </ion-row>

Here is my countOperator method

countOperator(operator,s){

if(this.count >= 1){
      this.show1=false;
      this.count += operator;
      this.Price=this.count * Amount;
      this.change2(this.Price);
    }
    if(this.count < 1){
      this.show1=false;
      this.count = 1;
      this.Price=this.count * Amount;
      this.change2(this.Price);
    }
}

I need dynamically calculate Total amount .

Posts: 1

Participants: 1

Read full topic