title: ngFor - printing an array item by index
body: <p>I have an ngFor loop that loops through a list of objects (called configs) and prints data for each object. </p>
  
  <p>I also have an array in my TypeScript file that I would like to print as well. The array has the same length as the 'configs' list (and will always have the same length). Here's my HTML file's ngFor:</p>
  
  <pre><code>&lt;button *ngFor="let config of configs; let i = index" type="button" style="text-align:left; margin-right: 10px; margin-bottom: 10px" class="btn btn-primary"&gt;
          Name: {{config.name}} &lt;br /&gt; Op Point: //Op Point ARRAY OBJECT HERE BASED ON INDEX// &lt;br /&gt; 
  &lt;/button&gt;
  </code></pre>
  
  <p>I've placed "//Op Point ARRAY OBJECT HERE BASED ON INDEX//" in the code snippet above to point out where I want to print values from an array. The array in my TypeScript file is a 1x4 2D array named configOpPoints.</p>
  
  <p>Basically, how can I print data in my existing ngFor from the configOpPoints array? I tried 'configOpPoints[i]' but that didn't work.</p>