Javascript 如何使用动态输入字段设置组件中的数据？（2）

我有一个包含3个字段的页面，其中我正在计算一个人的体重指数。我有三个输入字段：体重、身高和bmi，用户可以在其中输入身高和体重输入字段，然后自动计算bmi

我的身高和体重字段都附带了一个ngModel，这将在我在组件中创建的模型中正确保存数据：

<input [(ngModel)]="masterdataModel.weight" name="weight" type="text" 
       class="form-control" id="input05"
       placeholder="75" formControlName="weight">

<input [(ngModel)]="masterdataModel.height" name="height" type="text" 
       class="form-control" id="input04"
       placeholder="185"  formControlName="height">

---

您应该使用一个函数来侦听体重和身高模型的更改，该函数将执行并更新BMI值计算，因此在BMI输入中，您需要使用value={{}}，并且它将在每次值更改时更新

范例

在typescript组件中

public updateBMI($event){ this.mymodel.BMI = ... }

---

您应该使用一个函数来侦听体重和身高模型的更改，该函数将执行并更新BMI值计算，因此在BMI输入中，您需要使用value={{}}，并且它将在每次值更改时更新

范例

在typescript组件中

public updateBMI($event){ this.mymodel.BMI = ... }

public updateBMI($event){ this.mymodel.BMI = ... }