角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事件（）方法