Как получить сумму / рассчитать между ценой и количеством в 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 : Rp. {{item.price}} </p> <!-- Price -->
<p><b>Total Price: 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»
Пожалуйста помоги
Спасибо, прежде чем
Решение
Вы должны использовать 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 : Rp. {{item.price}} </p> <!-- Price -->
<p><b>Total Price: 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');
}
}
Другие решения
Других решений пока нет …
detector