Angular 2 Add control to parent component's form
<p>I have an autocomplete complete with template:</p>

<pre><code>&lt;input [(ngModel)]="model"&gt; //todo add control
</code></pre>

<p>It is implemented as follows:</p>

<pre><code>&lt;div class="form-group"&gt;
  &lt;label for="location"&gt;Location&lt;/label&gt;
  &lt;auto-complete [(model)]="model.location"&gt;&lt;/auto-complete&gt;
&lt;/div&gt;
</code></pre>

<p>Alongside it, I have other fields which follow this format: (Notice validation directives)</p>

<pre><code>&lt;div class="form-group" [fieldValidity]="biography"&gt;
  &lt;label for="currentPassword"&gt;Biography&lt;/label&gt;
  &lt;textarea
    [(ngModel)]="model.biography" ngControl="biography" #biography="ngForm" maxlength="300"
    class="form-control" placeholder="About me..." rows="4"&gt;&lt;/textarea&gt;
    &lt;p class="xui-meta-info"&gt;
      We suggest a short bio. If it's 300 characters or less it'll look great on your profile.
    &lt;/p&gt;
  &lt;field-validation-messages [field]="biography"&gt;&lt;/field-validation-messages&gt;
&lt;/div&gt;
</code></pre>

<p>As you can see, my validation directives rely on the input having an associated control on the form. How can I ensure my input in auto complete has an associated control in the parent form? (I've tried programmatically creating a new Control() and then calling form.addControl() but that only accepts an NgControl</p>