Come impostare un valore di controllo del modulo Angular 2 al livello di programmazione?

Question

Come si modifica un controllo Angolare 2 dal codice?

Quando faccio così:

control.value = "new value"; 

ottengo il seguente errore:

TypeError: Cannot set property value of #<AbstractControl> which has only a getter 

Answer 1

È possibile utilizzare il metodo updateValue:

control.updateValue("new value"); 

aggiornamento:

È ora possibile utilizzare setValue:

control.setValue("new value"); 

Answer 2

è necessario utilizzare sia updateValue e updateValueAndValidity per aggiornare il valore di un controllo e anche innescare validatori/stato calcolano.

Ecco un esempio:

control.updateValue("new value"); 
control.updateValueAndValidity(); 

Answer 3

Avrete bisogno di lanciare il AbstractControl ad un Control prima di avere accesso al metodo updateValue:

(<Control>yourControl).updateValue(val); 

Answer 4

Nella versione finale del Angolare 2 , il metodo .changeValue(newValue: string) è stato rimosso e sostituito per .patchValue(newValue: string)

in modo da poter fare control.patchValue('your new value goes here');