根據 Angular 中的輸入更改 select 的選定值

Question

我有這個表格。 如果一個人的溫度高於 38°C 度，則 select 的值必須從健康變為有病。

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

當它寫完 function 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

使用反應式 forms 時，有些位可以做得更好

檢查以下

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

Answer 2

您需要直接引用要更改的 formControl 並使用它的.setValue() 方法。

所以在你調用改變的方法中，你可以說this.form.get('temperature').setValue('SICK').