Angular 2 Добавить элемент управления в форму родительского компонента
У меня есть автозаполнение с шаблоном:
<input [(ngModel)]="model"> //todo add control
Это реализовано следующим образом:
<div class="form-group">
<label for="location">Location</label>
<auto-complete [(model)]="model.location"></auto-complete>
</div>
Наряду с этим у меня есть другие поля, которые следуют этому формату: (обратите внимание на директивы проверки)
<div class="form-group" [fieldValidity]="biography">
<label for="currentPassword">Biography</label>
<textarea
[(ngModel)]="model.biography" ngControl="biography" #biography="ngForm" maxlength="300"
class="form-control" placeholder="About me..." rows="4"></textarea>
<p class="xui-meta-info">
We suggest a short bio. If it's 300 characters or less it'll look great on your profile.
</p>
<field-validation-messages [field]="biography"></field-validation-messages>
</div>
Как видите, мои директивы проверки основаны на вводе, имеющем связанный элемент управления в форме. Как я могу убедиться, что мой ввод в автозаполнении имеет связанный элемент управления в родительской форме? (Я попытался программно создать новый Control (), а затем вызвать form.addControl (), но это принимает только NgControl