title: ngModel: No value accessor for ''
body: <p>I'm creating a custom element in Angular 2.0 (<code>&lt;my-select&gt;</code>), and when I include the ngModel attribute on the component, I'm immediately hit with the following error:</p>
  
  <pre><code>EXCEPTION: No value accessor for '' in [myModel in App@0:195]
  </code></pre>
  
  <p>Here's a plunker: <a href="http://plnkr.co/edit/wlkPWcB92YZASCwCnmcw?p=preview" rel="noreferrer">http://plnkr.co/edit/wlkPWcB92YZASCwCnmcw?p=preview</a></p>
  
  <p>(Open console to view error)</p>
  
  <p>If you simply comment out the following line from <code>src/app.ts</code>, the component will render appropriately:</p>
  
  <pre><code>'[ngModel]="myModel"'
  </code></pre>
  
  <p>I've done the following:</p>
  
  <ol>
  <li>Imported <code>{FORM_DIRECTIVES}</code> from <code>'angular2/common'</code></li>
  <li>Included <code>FORM_DIRECTIVES</code> in the <code>directives</code> portion of the <code>@Component</code></li>
  <li>Initialized <code>myModel</code></li>
  </ol>
  
  <p>What am I missing here?</p>