Form (control | emitValue: true | false ): disable control should show in form.value

🚀 feature request

Relevant Package

This feature request is for @angular/forms

Description

I would like see disable control value in onSubmit when we do (this.myForm.value). There are some situation where we want to disable control with default value. Right now i am preserving that default value in another variable.

Describe the solution you’d like

It is good to have one more optional param to just disable control but you will see value in this.myForm.value.

this.myForm.get('name').disable({onlySelf: true, emitEvent: false, emitValue: true});

third optional param emitValue?: true | false

Describe alternatives you’ve considered

Above one

[indraraj26]

That’s what getRawValue use for.

Retrieves all values regardless of disabled status. The value property is the best way to get the value of the group, because it excludes disabled controls in the FormGroup.

So whenever we work with form regardless of state we should use getRawValue instead of myForm.value as it serves the same purpose. I have worked with number of forms in my admin panel (even on other projects) i never had any situation where i want to exclude disabled controls.

Btw It would be great if angular team can implement optional third param as i mentioned above with that we do not have to take care anything one method for every situation.

[dylhunn]

Basically, this issue is about the default behavior of a form when submitted: disabled controls are excluded. If you need to get disabled controls, you can use getRawValue. Without lots of community interest, it doesn’t seem worth the API complexity or bundle size cost to add this feature.

Note also: we are considering adding a readonly state to form controls which would be submitted; this might be a workaround if implemented.