title: Angular Reactive Forms: Cannot find control with path:
body: <p>I have component: cabinet-clinic-form.component.ts
  And here I have problem with FormGroup validation in clinics FormArray. When I render page I get error <a href="http://joxi.ru/5md1ow8Uv9zQp2" rel="nofollow noreferrer">prntscr with error</a>
  I tried to find how to dynamically push formGroups but still have error.
  On button click begins onAddClinic() event and I add new clinic.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>export class CabinetClinicFormComponent implements OnInit {
        doctorForm: FormGroup;
        ngOnInit() {
          this.doctorForm = new FormGroup({
            'clinics': new FormArray([]),
          });
        }
        onAddClinic() {
          const newClinic = new FormGroup({
              'city' : new FormControl(null),
              'clinicname' : new FormControl(null),
          });
          (&lt;FormArray&gt;this.doctorForm.get('clinics')).push(newClinic);
        }
        onSubmit() {
          console.log(this.doctorForm);
        }
      }
  </code></pre>
  
  <p>and cabinet-clinic-form.component.html</p>
  
  <pre><code>&lt;div
        class="clinic-group"
        formArrayName="clinics"
      &gt;
        &lt;div
          *ngFor="let clinicControl of doctorForm.get('clinics').controls; let clinicIndex = index;"
          [formGroupName]="clinicIndex"
        &gt;
          &lt;div class="clinic-group__title"&gt;Клиника #{{clinicIndex + 1}}&lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label
              [attr.for]="'city' + clinicIndex + 1"
              class="control--label"
            &gt;
              &lt;span class="control--label-text"&gt;Город&lt;/span&gt;
            &lt;/label&gt;
            &lt;input
              type="text"
              [attr.id]="'city' + clinicIndex + 1"
              [formControlName]="city"
              class="form-control"
            &gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label
              [attr.for]="'clinicname' + (clinicIndex + 1)"
              class="control--label"
            &gt;
              &lt;span class="control--label-text"&gt;Название клиники&lt;/span&gt;
            &lt;/label&gt;
            &lt;input
              type="text"
              [attr.id]="'clinicname' + (clinicIndex + 1)"
              [formControlName]="clinicname"
              class="form-control"
            &gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;button type="button" (click)="onAddClinic()"&gt;Добавить клинику&lt;/button&gt;
  </code></pre>