title: Nested form groups in angular 4
body: <p>I am having the form group like</p>
  <pre><code>this.PatientInfo = this.fb.group({
        PatientID: [0],
        Gender: '',      
        Name:'',
        Employer: this.fb.group({
          EmployerID: 0,
          Name: [''],
          EmployerAddresses: this.fb.group({
            Address1: [''],
            Address2: [''],
            CityName: [''],          
            District: [''],
            StateName: [''],          
            PostalCode: [''],
            Country: ['']
          })
        })
      });
  </code></pre>
  <p>And i am binding the data like</p>
  <pre><code>&lt;div class=&quot;col-md-3&quot; formGroupName=&quot;EmployerAddresses&quot;&gt;
      &lt;div class=&quot;form-group form-group-default&quot;&gt;
          &lt;label class=&quot;control-label&quot;&gt;State&lt;/label&gt;
          &lt;div class=&quot;input-group&quot;&gt;
              &lt;input type=&quot;text&quot; class=&quot;form-control&quot; formControlName=&quot;StateCode&quot;&gt;
          &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  <p>On top i kept the formgroup as PatientInfo.</p>
  <p>Here i am getting the error  &quot;cannot find the control with name EmployerAddresses&quot;.</p>
  <p>Can you please anyone help on this. Thanks in advance.</p>