Create a new form group inside of the form group in the other component not in the one where the form was initialise in Angular 2
<p>Trying to create a new form group inside of the existing form group in Angular 2. I define the main form in one of the component with the empty formGroup "type". I pass that formGroup "type" to another component. In that component I want to create a new formGroup with name "time", but it doesn't work. I didn't find any method in the FormGroup class for creating a new group. There is just methods for Controls for adding them to the FormGroup.</p>

<p>addControl method works but the next one not.</p>

<pre><code>this.typeForm.addControl("gender", new FormControl('', Validators.required));
this.typeForm['time'] = this.fb.group({});
</code></pre>

<p>The FormBuilder should create something like:</p>

<pre><code>{ 
  "name": "", 
  "type": {
           "gender": "",
           "time": {
                   }
          }
}
</code></pre>

<p>Any idea how can I do that?</p>