Угловое 2 FormControl не обнаруживает значение изменилось программно

Question

У меня очень простой вид (смотри ниже), и это вопрос:

• , когда я ввести значение сигнала вручную, form.controls [ «MyValue»]. значение изменяется
• если изменить #myInput значение программно, это совершенно не обращая внимания, что изменение

Что я делаю неправильно?

    @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"> 
     </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(); 
     } 

    } 

Answer 1

контроль формы, который прилагается к входу, обнаружить изменения, подписавшись на «входе» в случае HMLTInputElement, но в вашем случае, если вы измените его непосредственно из кода, поэтому событие не стрельбы.

1. Попробуйте использовать FormControl SetValue() метод
2. вручную огонь 'вход' событие через dispatchEvent метод()