有条件地设置单选按钮值

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
  }
}