这是原始的plunker,由Pascal Prekht编写,这是对模板驱动形式的解释：

而here是我的fork,它是完全相同的东西,除了我试图加载其中一个字段集作为一个单独的子组件.

这是代码：

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

    </fieldset>

  `
})
export class FormGroupComponent{

}

@Component({
  selector: 'form-component',directives:[FormGroupComponent],template: `
    <form #form="ngForm">

      <form-group-component></form-group-component>  

      <fieldset ngModelGroup="address">
        <div>
          <label>Street:</label>
          <input type="text" name="street" ngModel>
        </div>
        <div>
          <label>Zip:</label>
          <input type="text" name="zip" ngModel>
        </div>
        <div>
          <label>City:</label>
          <input type="text" name="city" ngModel>
        </div>
      </fieldset>

    </form>
  `
})
export class FormComponent {


}

因此,在切割其中一个feildset并将其加载到单独的指令中之后,它将不再起作用！

有几个封闭的问题,但没有它们正在发挥作用.

This
和This