title: total sum is not working on angular using forEach
body: <p>I am trying to get total sum from the api and my code is
  .ts file</p>
  
  <pre><code>getProducts() {
  this.service.getcustomize().subscribe((res) =&gt; {
    this.Products = res['result']
  })
    }
    get cartTotal() {
      let total = 0;
      this.Products.forEach((data, index) =&gt; {
        total += data['price'];
      });
      return total;
    }
  </code></pre>
  
  <p>my html file is</p>
  
  <pre><code> &lt;h5 class="text-right"&gt;Total:
        &lt;span class="ml-1 font-weight-bold text-danger"&gt;{{ cartTotal | currency }}&lt;/span&gt;
      &lt;/h5&gt;
  </code></pre>
  
  <p>but i am getting</p>
  
  <pre><code>$12,001,200.00
  </code></pre>
  
  <p>my api list is</p>
  
  <pre><code> {success: true, result: [,…]}
      result: [,…]
      0: {productId: 197, 
      price: "1200"
      createdAt: "2020-05-04T07:45:41.000Z"
      updatedAt: "2020-05-04T07:45:41.000Z"
      1: {productId: 198, 
      price: "1200"
      createdAt: "2020-05-04T07:45:41.000Z"
      updatedAt: "2020-05-04T07:45:41.000Z"
      }
  </code></pre>
  
  <p>I should get $2400 but i am getting $12,001,200.00</p>