Angular 2 formControl does not detect value changed programmatically
<p>I have very simple form (see below), and this is an issue:  </p>

<ul>
<li>when I enter input value manually, form.controls['myValue'].value changes</li>
<li>if I change #myInput value programmatically, it's totally ignoring that change</li>
</ul>

<p>What am I doing wrong?</p>

<pre class="lang-ts prettyprint-override"><code>
    @Component({
      selector: 'my-app',
      template: `&ltform [formGroup]="form">
          Current value: {{form.controls['myValue'].value}}
          &ltinput type="text" 
             size=40 
             id="myValue"
             name="myValue" 
             required
             [formControl]="form.controls['myValue']">

          &ltinput type="button" (click)="updateValue()" value="Update">
        &lt/form>`
    })
    export class AppComponent {

      form:FormGroup;

      constructor(private fb: FormBuilder) {}

      ngOnInit() {
        this.form = this.fb.group({
          myValue: new Date().toString()
        });
      }

      updateValue(){
        document.querySelector('#myValue').value = new Date().toString();
      }

    }

</code></pre>