Angular2 Form using setValue to reset value to null

Question

Sorry for this question. This is to do with one of my child component which rejecting null, empty string while writing to form.

I have a form control orderNo. When I try to do
this.myForm.controls['orderNo'].setValue = '123';
It works fine and my view is updated with this value.
But the issue is, I am not able to set the control with null or empty string. Whenever I do
this.myForm.controls['orderNo'].setValue = null;
or
this.myForm.controls['orderNo'].setValue = '';
it doesn't reflect on my view. But I could see the form control holds that null value. (ng.probe($0).componentInstance.myForm.controls['orderNo'].value returns null). It is just not being reflected on the view.

Please help me with some thoughts. Thank you.

Yeah that's weird, Could you show the code for the form and the view? — Ben Racicot
– Ben Racicot, Commented Aug 21, 2017 at 21:09
Thanks for the comment. Just now realised, this has nothing to do with angular2 formcontrol. I have a child component which sets the value of all the control. And on its WritValue() method, It has a condition if(value) { this.value = value; }. That was rejecting my null and empty string. — Josf
– Josf, Commented Aug 21, 2017 at 21:13

Akash Kumar Verma · Accepted Answer · 2020-08-20 12:09:26Z

8

Below resets entire formgroup to null

    this.myForm.reset();

edited Aug 20, 2020 at 12:09

Akash Kumar Verma

3,3582 gold badges19 silver badges33 bronze badges

answered Jan 31, 2020 at 15:23

rohithd

1471 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

TCB13 Over a year ago

If you've directives attached to your formcontrols they will not working properly after a reset.

Akash Kumar Verma · Accepted Answer · 2020-08-20 12:09:45Z

7

You can directly use patchValue to set value of form fields

    this.myForm.patchValue( {'orderNo':null} );

edited Aug 20, 2020 at 12:09

Akash Kumar Verma

3,3582 gold badges19 silver badges33 bronze badges

answered Aug 22, 2017 at 10:11

Rohan Fating

2,13317 silver badges24 bronze badges

Collectives™ on Stack Overflow

Angular2 Form using setValue to reset value to null

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related