Мне нужно отключить переключатель с помощью другого события внешнего флажка, которое генерируется динамически с помощью реактивной формы / formGroup.
мой код компонента работает для текстового поля и раскрывающегося списка, но не для радио или флажка
это сгенерированный код
<label _ngcontent-c6="" class="container-vertical"> Dog
<input _ngcontent-c6="" type="radio" ng-reflect-form-control-name="01cb437e-0015-4c45-9828-fb2d1d" ng-reflect-value="8f77b6e1-2495-4781-9e40-520e94" ng-reflect-name="01cb437e-0015-4c45-9828-fb2d1d" class="ng-untouched ng-pristine ng-invalid">
<label _ngcontent-c6="" class="container-vertical"> Cat
<input _ngcontent-c6="" type="radio" ng-reflect-form-control-name="01cb437e-0015-4c45-9828-fb2d1d" ng-reflect-value="4102b66c-b8c3-4d41-afcd-5852e4" ng-reflect-name="01cb437e-0015-4c45-9828-fb2d1d" class="ng-untouched ng-pristine ng-invalid">
<label _ngcontent-c6="" class="container-vertical"> Fish
<input _ngcontent-c6="" type="radio" ng-reflect-form-control-name="01cb437e-0015-4c45-9828-fb2d1d" ng-reflect-value="5dc08818-38b0-4563-8e0a-ce8901" ng-reflect-name="01cb437e-0015-4c45-9828-fb2d1d" class="ng-untouched ng-pristine ng-invalid">
шаблон
<div *ngSwitchCase="'radio'">
<div *ngFor="let opt of question.options" > <small>radio</small>
<label class="container-vertical"> {{opt.value}}
<input type="radio"
[formControlName]="question.key"
[value]="opt.key"
[(ngModel)]="question.value"
(change)="onChangeValue(question.value, previousValue, responseId, question.key, 'radio'); previousValue = question.value"
(focus)="previousValue=question.value"
>
<span class="checkmark"></span>
</label>
</div>
</div>
компонент
private handleQuestionAnswerProvidedStateChange(questionAnswerProvidedState:QuestionAnswerProvidedStateDataModel)
{
var formControlNameReference = questionAnswerProvidedState.QuestionId.substring(1,30);
// ???????????? need help here ... how to get reference of radio button to disable it
if(questionAnswerProvidedState!=null)
{
var elementReference = <HTMLInputElement> document.getElementById(questionAnswerProvidedState.QuestionId);
if(questionAnswerProvidedState.AnswerNotProvided == true)
{
elementReference.disabled = true;
elementReference.value = "";
elementReference.classList.add("disableInput");
}
else if(questionAnswerProvidedState.AnswerNotProvided == false)
{
elementReference.disabled = false;
elementReference.classList.remove("disableInput");
}
}
}