Можно выполнить привязку к условному свойству disable
, чтобы изменить каждую из кнопок radio
. Кроме того, вы можете прослушивать изменения на "основном" переключателе, чтобы реагировать на изменение его значения.
ПРИМЕР:
Типовой файл:
private isAnswerRadio: boolean = false;
public formAnswers: FormGroup = new FormGroup({
'isAnswerRadio': new FormControl(...),
// Other form controls (Initially disabled)
'...': new FormControl(...),
...
});
ngOnInit() {
this.formAnswers.get('isAnswerRadio').valueChanges.subscribe(newData => {
if(newData === ...) { // If equals to the desired selection of the radio button
this.isAnswersRadio = true;
}
});
}
getDisabled(): boolean {
return this.isAnswerRadio;
}
HTML файл:
<input
formControlName="idAnswerRadio"
class="form-check-input cursor-pointer radio-button"
type="radio"
(click)="manageAnswer(n)">
<!-- Other inputs... -->
<input [disabled]="getDisabled()">