Значение радиокнопки установлено условно

Question

У меня есть форма с вводом, который запрашивает возраст человека, например: <input type="number" matInput name="personAge">, а также переключатель, который спрашивает, находится ли человек в Medicare:

    <p>Are you on Medicare?</p>
    <mat-radio-group 
      name="personIsOnMedicare" 
      [(ngModel)]="model.personIsOnMedicare"> 
      <mat-radio-button
        *ngFor="let ans of answers" 
        [value]="ans.value">
          {{ans.display}}
      </mat-radio-button>
    </mat-radio-group> 

Что я хочуДостигается то, что если возраст человека равен или превышает 65, радиокнопка автоматически устанавливает значение Yes

Спасибо за помощь!

Answer 1

Вы можете обновить значение для model.personIsOnMedicare.Поскольку он связан с ngModel, он обновляет выбор переключателя.

html

<input type="number" matInput #name name="personAge" (change)="updateMedicareStatus(name.value)">

ts

updateMedicareStatus(age:number){
  if(age >= 65){
     this.model.personIsOnMedicare = "Yes"; //check this value
  }else{
    this.model.personIsOnMedicare = "No"; //check this value
  }
}