I am trying to make certain form fields read-only exactly for my users, I am using reactive forms in the angular 14 version.

I want to bind a value but the user shouldn’t interact with the form field, i have tried using disabled: true while adding control, but that doesn’t add my value i am setting later using [disabled]=”boolean” is also not working for some reason.
similarly, i have tried to disable the control after setting the value but it’s also not working as expected.
control?.disable({ emitEvent: false });