Я не могу понять это, он просто не работает.
Это оригинальный plunker, который написан Паскалем Прехтом, что является объяснением форм, управляемых шаблонами:
И здесь - это моя вилка, которая является точно такой же, за исключением того, что я пытаюсь загрузить один из полей в качестве отдельного дочернего компонента.
Вот код:
@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 {
}
Итак, после разрезания одного из feildsets и загрузки его внутри отдельной директивы, он больше не будет работать!
Есть несколько закрытых проблем, но не работает.