私は配列に格納された注文の総額を取得しようとしています。コードは次のようになります。ionic 3でデータを変更した場合、変数の値を自動的に更新するにはどうすればよいですか?
import { Component } from '@angular/core';
import { Config } from '../config';
var ordersArray = [
];
@Component({
selector: 'orders-page',
templateUrl : 'orders.html'
})
export class Orders{
public orders = ordersArray;
public config = new Config;
public addOrder(item){
ordersArray.push(item);
}
public clearOrders(){
var length = this.orders.length;
for(let i = 0; i < length; i++){
ordersArray.pop();
}
}
public total = this.getPrice();
public getPrice(){
let price = 0;
for(let order of ordersArray){
price = (parseInt(order.item.price) * parseInt(order.quantity)) + price;
}
return price;
}
public clearOrder(order){
for(let i = 0;i < this.orders.length;i++){
if(order.title == this.orders[i].title){
ordersArray.splice(i,1);
}
}
}
}
テンプレートとは、{{total}}
です。 ordersArray
から要素を削除すると、{{total}}
が自動的に更新されます。それ、どうやったら出来るの ?
注文を削除すると、価格を繰り返し計算してthis.priceに設定するだけです。 HTML内の{{価格}}は自動的に更新されます –
ありがとうございました:) –