使用函数，如何禁用和获取 angular 中的 formgroupValues

Question

我需要禁用 formControl 并且还想使用该函数获取数据。

我使用了以下代码来禁用输入文本字段

(formControlNames:- numberPrefix,numberFormat,resetNumberFormat)

onChanges() {
    this.soPreferenceFormGroup.get('numberPrefix').disable();
    this.soPreferenceFormGroup.get('numberFormat').disable();
    this.soPreferenceFormGroup.get('resetNumberFormat').disable();
 }

下面是我got.Only numberMode 取的结果。

然后当我直接在模板方法中使用 disabled 函数时，如下所示

<input pInputText type="text" formControlName="numberPrefix" class="form-control" placeholder="Required" disabled />
<input pInputText type="text" formControlName="numberFormat" class="form-control" placeholder="Required" disabled/>
<input pInputText type="text" formControlName="resetNumberFormat" class="form-control" placeholder="Required" disabled />

现在，所有的 formGroup 值都被获取了。下面是屏幕截图。

为什么在禁用方法时不显示值？？

我想使用函数禁用并获取值，而不是直接写入 html 模板

有人能帮帮我吗？？

请验证此 stackBlitz：link

Answer 1

form.value returns 您表单的所有活动属性。

如果您想要禁用值，请使用 myForm.getRawValue()

使用函数，如何禁用和获取 angular 中的 formgroupValues

Using the function, how to disable and fetch the formgroupValues in angular

angular

formgroups

angular6

angular7