I want to disable DOB field to prevent from edit and also I want to disable gender radio button for second time, if once user select gender and submit it then next time if he want edit profile and want to change gender so that time it should be disable. how can I achieve it.
I have tired this way but not working
<div class="form-group label-floating">
<label class="control-label " for="name">Date of Birth</label>
<input type="text" class="form-control" formControlName='dob' id='dob' value="{{ dob | date:'dd-MMM-yyyy' }}" [readonly]="true">
<!-- <app-field-error-display [displayError]="this.validationService.isFieldValid(updateProfileForm,'dob')">
</app-field-error-display> -->
<span class='error-msg'></span>
</div>
<div class="form-group label-floating">
<label class="control-label " for="name">Date of Birth</label>
<input type="text" class="form-control" formControlName='dob' id='dob' value="{{ dob | date:'dd-MMM-yyyy' }}" [disable]="true">
<!-- <app-field-error-display [displayError]="this.validationService.isFieldValid(updateProfileForm,'dob')">
</app-field-error-display> -->
<span class='error-msg'></span>
</div>
`
<label class="radio-inline">
<span class="control-label gender_row">Gender </span>
<input [disabled]="true" type="radio" name="gender" value="1" formControlName='gender' [checked]="gender==1">Male
</label>
<label class="radio-inline">
<input type="radio" name="gender" value="2" formControlName='gender' [checked]="gender==2">Female
</label>
<!-- <label class="radio-inline">
<input type="radio" name="gender" value="3" formControlName='gender' [checked]="gender===3">Other
</label> -->
<label class="radio-inline">
<input type="radio" name="gender" value="3" formControlName='gender' [checked]="gender==3">Don't want to disclose
</label>
</div>`
this the my view looks like enter image description here
For DOB field I want to disable forever but gender field I want disable for second time.once user submit profile.
