Измените выбранное значение выбора в зависимости от ввода в Angular

Question

У меня есть эта форма. Что, если температура человека превышает 38 ° C градусов, значение выбора должно измениться со здорового на больное, если оно выбрано.

<form [formGroup]="form">
  <select formControlName="health" required>
  <option value="HEALTHY">Healthy</option>
  <option value="SICK">Sick</option>
  </select>
  <input (focusout)="changeValue($event)" type="number" 
   formControlName="temperature" required>
  </form>

По завершении записи вызывается функция changeValue и вот как я пытаюсь изменить значение выбранной опции.

ngOnInit() { 
  this.form = this.formBuilder.group({
    health: ["", Validators.required],
    temperature: ["", Validators.required],
})}
change(temperature){
  if(temperature > 38){
     this.form = this.formBuilder.group({
     temperature: ["SICK"],
})}
}

Answer 1

Есть кое-что, что можно улучшить при использовании реактивных форм

Проверьте следующее

https://stackblitz.com/edit/angular-ivy-pytdtp

Answer 2

Вам нужно напрямую сослаться на formControl, который вы хотите изменить, и использовать его метод .setValue ().

поэтому в методе, который вы вызываете при изменении, вы можете сказать this.form.get('temperature').setValue('SICK').