Как получить сумму / рассчитать между ценой и количеством в Ionic 3? - PullRequest
Новая
       14

Как получить сумму / рассчитать между ценой и количеством в Ionic 3?

0 голосов
/ 13 февраля 2019

Мне нужна помощь.

Как получить общую цену от цены и количества, например, корзину?я пытался из учебников, но не работает

транзакция.html 

  <ion-list>
    <ion-item>
      <ion-thumbnail item-left>
        <img src="http://example.com//picture/souvenir/{{item.photo}}">
      </ion-thumbnail>
      <ion-row>
      <h2>{{item.name}}</h2>
      </ion-row>
      <p>QTY
        <input type="number" #quantity
        value="1" style="width: 50px;border: 1px solid #5a5a5a;height: 25px;
        border-radius: 20px;text-align: center;">  <!-- Qty -->
      </p>
      <p #retailPrice>Price :&nbsp;Rp. {{item.price}} </p> <!-- Price -->
      <p><b>Total Price:&nbsp;Rp. {{total}}</b></p> <!--This Total Price-->
    </ion-item>
  </ion-list>

транзакция.ts 

export class TransactionPage {

  item: any;
  userdata: any = [];

  constructor(public navCtrl: NavController, public navParams: NavParams) 
  {
    this.item = this.navParams.get("item"); 
    this.userdata = JSON.parse(localStorage.getItem('userlogin')) || [];
    console.log(this.userdata);
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad TransactionPage');
  }
}

мне нужно, если количество "5" и цена "100" =общая стоимость "500"

Пожалуйста, помогите
Заранее спасибо

1 Ответ

0 голосов
/ 13 февраля 2019

Вы должны использовать ngModel, чтобы определить, какая переменная будет хранить количественное число.После этого вам просто нужно рассчитать цену * количество .

Более подробную информацию вы найдете в документации: https://angular.io/api/forms/NgModel

action.html 

 <ion-list>
    <ion-item>
      <ion-thumbnail item-left>
        <img src="http://example.com//picture/souvenir/{{item.photo}}">
      </ion-thumbnail>
      <ion-row>
      <h2>{{item.name}}</h2>
      </ion-row>
      <p>QTY
        <input [(ngModel)]="quantity" type="number" #quantity
        value="1" style="width: 50px;border: 1px solid #5a5a5a;height: 25px;
        border-radius: 20px;text-align: center;">  <!-- Qty -->
      </p>
      <p #retailPrice>Price :&nbsp;Rp. {{item.price}} </p> <!-- Price -->
      <p><b>Total Price:&nbsp;Rp. {{item.price * quantity}}</b></p> <!--This Total Price-->
    </ion-item>
  </ion-list>

транзакция.ts 

export class TransactionPage {

  item: any;
  userdata: any = [];

  quantity = 0;

  constructor(public navCtrl: NavController, public navParams: NavParams) 
  {
    this.item = this.navParams.get("item"); 
    this.userdata = JSON.parse(localStorage.getItem('userlogin')) || [];
    console.log(this.userdata);
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad TransactionPage');
  }
}
...