angular - How to get values from disabled form controls in a form group?

Question

I tried to initialize my new FormControl using form state object and I noticed then this control doesn't influence my form validation and it also disappear from FormGroup values.

this.userForm = new FormGroup({
  email: new FormControl('', Validators.required),
  firstName: new FormControl('',Validators.required),
  lastName: new FormControl('',Validators.required),
  role: new FormControl({value: 'MyValues', disabled: true},Validators.required),
 })

Now if I try to do:

this.userForm.value //email, firstName, lastName

Have someone encountered this issue ? Any solution ? Angular version: 5.2.6

Answer 1

This is not an issue, is the expected behavior. If you'd like to include all values regardless of disabled status, use the following:

this.userForm.getRawValue()