title: Add values in ngFor
body: <p>i have an array which will be listed in html with <code>*ngFor</code>, this array will have some values i need to calculate the the value listed in html, i should not use .ts file, And i need the total value to be displayed in another row</p>
  
  <pre><code>&lt;ion-grid&gt;
       &lt;ion-row *ngFor="let item of dailyDays"&gt; 
            &lt;ion-col&gt;{{item.price}}&lt;/ion-col&gt;
       &lt;/ion-row&gt;
  &lt;/ion-grid&gt;
  &lt;ion-row&gt; total should be here  &lt;/ion-row&gt;
  
  
      dailyDays = [];
  this.dailyDays.push({   day: element,
                          month: this.currentDate.getMonth(),
                          year: this.currentDate.getFullYear(),
                          price: data.price,
                          brand: data.selectedBrand,
                          howManyDay: data.selectedDay,
                          check: "true",
                          quantity: data.selectedQuantity
                  });
  </code></pre>
  
  <p>this price will get varied on page load, so i should use only .html file to get total price value</p>
  
  <pre><code> final(){
              console.log("this will have an array of objects", this.dailyDays);
              var array = this.dailyDays;
              var total= 0;
              for (var i = 0; i &lt; array.length; i++) {
                  var element = array[i];
                  console.log(element.price);
                  // how to add each price and get a total 
                  total += element.price;
                  console.log(total);
              }
  
          }
  </code></pre>
  
  <p>The problem i get is </p>
  
  <p>[<img src="https://i.stack.imgur.com/NJT8k.png" alt="The problem is i need a single] value as total[1]"></p>