рассчитать общий итог предметов в нг для ионных и угловых

Question

Я отображаю список товаров в корзине, используя ngFor, и я могу рассчитать итоговую сумму для каждого товара в корзине, умножив цену на количество, теперь вопрос в том, как получить общую сумму в нижняя часть списка

HMTL

 <ion-item *ngFor="let item of productServices.itemsInCart">
      <ion-note slot="end"> <span style="font-size: 20px; position: relative; top:15px">GHc {{item.price * item.quantity}}</span></ion-note>
      <ion-thumbnail slot="start">
        <img src="/assets/imgs/{{item.img}}"/>
      </ion-thumbnail>
      <ion-label text-wrap>
        <h2>{{item.name}}</h2>
      </ion-label>

    </ion-item>
    <span>GHc{{totalSum}}</span>

Javascript

    getTotalCost() {
      let total = 0;
      for (var i = 0; i < this.itemsInCart.length; i++) {
      this.itemsInCart[i].price;
              this.totalSum = this.itemsInCart[i].price * this.itemsInCart[i].quantity;
          }
  }

Answer 1

//I assume that In component class there is a variable 'totalSum' to display the total cost in view.  

    public totalSum = this.getTotalCost();

          getTotalCost() {
              let total = 0
              for (var i = 0; i < this.itemsInCart.length; i++) {
                      total =  total + this.itemsInCart[i].price * this.itemsInCart[i].quantity;
                  }
                 return total;
          }

Answer 2

как это:

getTotalCost() {
      let total = 0;
      for (var i = 0; i < this.itemsInCart.length; i++) {
      this.itemsInCart[i].price;
              this.totalSum = this.itemsInCart[i].price * this.itemsInCart[i].quantity;
              total = total + this.totalSum
          }

    return total;
  }