No provider for ControlContainer when a child component has a ngModelGroup : <p>I can't seem to figure this out, it's simply not working.</p>

<p>This is the original <a href="http://embed.plnkr.co/LLf7Il/" rel="noreferrer">plunker</a> which is written by Pascal Prekht , which is an explanation on template driven forms: </p>

<p>And <a href="https://embed.plnkr.co/Q8pjSIVJHhfubILtvqWw/" rel="noreferrer">here</a> is my fork which is exactly the same thing , except I'm trying to load one of the fieldsets as a separate child component.</p>

<p>Here is the code :</p>

<pre><code>@Component({
  selector:'form-group-component',
  template:`
    &lt;fieldset ngModelGroup="anotherAddress"&gt;
      &lt;div&gt;
        &lt;label&gt;Street2:&lt;/label&gt;
        &lt;input type="text" name="street2" ngModel&gt;
      &lt;/div&gt;

    &lt;/fieldset&gt;

  `
})
export class FormGroupComponent{

}

@Component({
  selector: 'form-component',
  directives:[FormGroupComponent],
  template: `
    &lt;form #form="ngForm"&gt;

      &lt;form-group-component&gt;&lt;/form-group-component&gt;  

      &lt;fieldset ngModelGroup="address"&gt;
        &lt;div&gt;
          &lt;label&gt;Street:&lt;/label&gt;
          &lt;input type="text" name="street" ngModel&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;label&gt;Zip:&lt;/label&gt;
          &lt;input type="text" name="zip" ngModel&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;label&gt;City:&lt;/label&gt;
          &lt;input type="text" name="city" ngModel&gt;
        &lt;/div&gt;
      &lt;/fieldset&gt;

    &lt;/form&gt;
  `
})
export class FormComponent {


}
</code></pre>

<p>So after cutting one of the feildsets and loading it inside a seperate directive , it won't work anymore!,</p>

<p>There are couple of closed issues , but non of them is working.</p>

<p><a href="https://github.com/mgechev/angular2-seed/issues/399" rel="noreferrer">This </a> 
and <a href="https://github.com/angular/angular/issues/6374" rel="noreferrer">This</a></p>
