title: trying to display a nested FormGroup with *ngFor, not sure how to access it
body: <p>I have a FormArray of FormGroups. Right now the FormArray, <code>experiences</code>, has one object, a FormGroup containing 3 controls, <code>companyName</code>, <code>jobDescription</code>, and <code>yearsWorked</code>. The problem is that when I console.log the FormArray object I see that the data object works like this: FormArray.controls.FormGroup.controls. I can't figure out what to call the FormGroup here so I can access it. So the html would be something like:</p>
  
  <pre><code>&lt;div *ngFor="let exp of experiences.controls.[what do I call this?].controls"&gt; 
      &lt;input [formControlName]="n" placeholder="Experience"&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>The file itself can be seen <a href="https://github.com/eugenehiggins/resume/blob/add-experience/src/app/homepage/experiences/test-formarray.component.ts#L15" rel="nofollow noreferrer">here</a>.</p>
  
  <p><a href="https://i.imgur.com/1jgDMWl.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/1jgDMWl.png" alt="Screenshot of my console.log object"></a></p>
  
  <p><a href="https://plnkr.co/edit/9Bhmw84b9TjbvExJl3U7?p=preview" rel="nofollow noreferrer">Non-working plunker</a> </p>