Как отключить поле ввода для предотвращения редактирования в угловых - PullRequest
0 голосов
/ 26 марта 2019

Я хочу отключить поле DOB, чтобы запретить редактирование, а также хочу отключить переключатель радио пола во второй раз, если один раз пользователь выберет пол и отправит его, а затем в следующий раз, если он хочет изменить профиль и так изменить времяэто должно быть отключено.как мне этого добиться.

Я устал таким образом, но не работаю

<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&nbsp;</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>`

это мой взгляд выглядит как введите описание изображения здесь

Для поля DOB я хочу отключить навсегда, но поле для пола я хочу отключить во второй раз. Как только пользователь отправит профиль.

1 Ответ

0 голосов
/ 26 марта 2019

Можно установить для атрибута [disabled] значение true, если значение для переключателей заполнено, а для атрибута [readonly] указано значение true.

<input type="date" [readonly]="!!birthdate" formControlName="birthdate">
...