Angular 2 Formcontrol nicht Wert erkennen geändert programmatisch

Question

Ich habe sehr einfache Form (siehe unten), und das ist ein Problem:

• wenn ich Eingabewert manuell eingeben, form.controls [ ‚myValue‘]. Wert ändert
• wenn ich Wert ändern #myInput programmatisch, es total ist

diese Änderung ignorieren Was mache ich falsch?

    @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

Form-Steuerelement, das an einen Eingang angebracht ist, erkennt Änderungen und abonnieren Sie auf ‚Input‘ Ereignis von HMLTInputElement, aber in Ihrem Fall, dass Sie es von Code direkt zu ändern, so dass die Veranstaltung nicht ausgelöst.

1. Versuchen zu verwenden Formcontrol Methode setValue()
2. manuell Feuer ‚Eingang‘ Ereignis über dispatch() -Methode