title: Programatically update input value from directive in Angular 2
body: <p>I have this template in a component:</p>
  
  <pre><code>...
  &lt;div class="myCustomDirective"&gt;
      &lt;input name="value" type="text" [(ngModel)]="value" /&gt;
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>I want to update the value from <code>myCustomDirective</code>. Updating the input element directly like this:</p>
  
  <pre><code>this.elementRef.nativeElement.querySelector('input').value = 'bla';
  </code></pre>
  
  <p>... doesn't update the model in the component.</p>
  
  <p>Using Angular 4.2.6.</p>