根据 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').