Используя функцию, как отключить и получить значения formgroupValues ​​​​в angular

Мне нужно отключить formControl, а также получить данные с помощью функции.

Я использовал следующий код для отключения текстового поля ввода

(formControlNames:- numberPrefix, numberFormat, resetNumberFormat )

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

Ниже приведен результат, который я получил. Выбирается только числовой режим.

Затем, когда я использовал функцию 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: ссылка