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

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

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

transaction.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>

transaction.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»

Пожалуйста помоги
Спасибо, прежде чем

0

Решение

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

Смотрите документацию, чтобы узнать больше: https://angular.io/api/forms/NgModel

transaction.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>

transaction.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');
}
}
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]