How do I programmatically set an Angular 2 form control value?

Question

How do I change an Angular 2 control from code?

When I do it like this:

control.value = "new value";

I get the following error:

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

Answer 1

You can use the updateValue method:

control.updateValue("new value");

update:

You can now use setValue:

control.setValue("new value");

Answer 2

You'll need to cast the AbstractControl to a Control before you have access to the updateValue method:

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