title: is it possible to have multiple values in an *ngFor loop?
body: <p>so I have multiple nested arrays within one large nested array, and each element in the nested array is an object with the details of it.</p>
  
  <p>these values are retrieved from multiple checkbox's from a 2D matrix (x and y) and for each selection of x and y the relevant details are shown in a table row (in their respective columns).</p>
  
  <p>since these are nested arrays, code looks like this, (only showing )</p>
  
  <pre><code>&lt;tbody *ngFor='let blend of selectedBlends'&gt;
    &lt;tr *ngFor='let bale of blend'/&gt;
      &lt;td&gt;{{ bale.number }}&lt;/td&gt;
      &lt;td&gt;{{ bale.weight }}&lt;/td&gt;
      &lt;td&gt;{{ bale.value }}&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>in this manner I have multiple &lt;td&gt;'s and accordingly each element in the nested array takes up two rows to display their data seperately, which is what I want.</p>
  
  <p>however I also need to show the addition of both rows of bale.weight in the next column, so assuming row 1 of bale.weight is 25 and row 2 of bale.weight is 32, i cannot seem to get their values added together to display in the next column.</p>
  
  <p>is there anyway to access the individual element values of the current index position of a *ngFor loop? or is something like the below code possible?</p>
  
  <pre><code>&lt;tr *ngFor='let bale1, bale2 in blends'/&gt;
  </code></pre>
  
  <p>the reason I am using nested arrays in one larger array is to check if the the same checkbox is clicked to remove it from my table displaying the data.</p>