title: How to iterate over FormArray in FormGroup in an Angular reactive Form
body: <p>The Structure of my form is as shown below</p>
  
  <pre><code>-MainForm(ParentForm)
   -FormGroup(MedicineGroup)
    -FormArray(MedicineArray)
  </code></pre>
  
  <p>I wanted to iterate <code>MedicineArray</code> for which, i did some research and wrote the below code</p>
  
  <pre><code>for (let control of soForm.get('MedicineGroup').controls['MedicineArray'].controls) {
      medObj.name.push(control.controls['MedName'].value);
    }
  </code></pre>
  
  <p>The code is working fine but i am getting a warning, which says</p>
  
  <pre><code>Property 'controls' does not exist on type 'AbstractControl'.
  </code></pre>
  
  <p>Is there any other or better way to iterate a FormArray which is inside a FormGroup?</p>