angular - 根据 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"],
})}
}

标签： angular

Answer 1

使用反应式表单时，您可以做得更好

检查以下

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