Я только что обновил приложение, над которым работаю, до последней версии Angular 2 (rc3), Router & Forms (0.1.1). Сейчас я пытаюсь преобразовать формы в последнюю библиотеку и лучшие практики. Я использую документы Angular IO, чтобы попытаться завершить это.
Я могу заставить форму работать, если сделаю что-то вроде этого:
<form #form="ngForm">
<input type="text" name="firstName" [(ngModel)]="model.firstName" required />
</form>
Но у меня есть моя форма, разделенная на несколько компонентов - на странице есть 4 раздела, поэтому у меня есть один компонент, представляющий каждый раздел, и каждый раздел имеет где-то между 5-10 входными полями различных типов.
Итак, мой код по существу:
<form #form="ngForm">
<section-1 [(model)]="model"></section-1>
<section-2 [(model)]="model"></section-2>
<button type="submit">Submit</button>
</form>
Но форма не добавляет элементы управления из дочерних компонентов в список элементов управления формы. Каков наилучший способ сделать это? Я мог бы поместить форму в каждый подкомпонент, который отслеживает его собственное действительное состояние, и использовать родителя для управления 4 различными действительными состояниями «вручную», но кажется, что должен быть лучший способ.
Спасибо,
Дэн