Angular 8更新文本字段以响应另一个字段更改
妹妹
上面的图像代表了我正在从事的项目。在这三个字段中，仅手动输入购买价格数据。我使用以下标记和TS代码将“未偿还抵押”字段设置为先前提供的数字的百分比：
<input type="number" class="form-control" min='0' id="purchaseValueInput" formControlName="purchase_value" (ngModelChange)='setPercentages()'>
...
setPercentages() {
this.mortgage = this.analysisForm.value.market.purchase_value * 0.75;
}
我面临的挑战是，我需要在抵押付款领域做类似的事情，但要占未偿抵押价值的百分比。由于未手动提供该值，因此ngModelChange策略不起作用。
我该如何解决最后一步？
更新资料
在我的setPercentages（）函数中，我试图为抵押付款设置一个变量，但出现以下错误：
指定的值“ NaN”无法解析，或超出范围。
我怀疑这是因为即使在外观上包含数据，该字段也被视为空字段。我使用以下代码：
setPercentages() {
this.mortgage = this.analysisForm.value.market.purchase_value * 0.75;
this.mortgagePayments = (this.analysisForm.value.market.outstanding_mortgage * 0.03) / 12;
}
<input type="number" class="form-control" min='0' id="mortgagePaymentValueInput" formControlName="mortgage_payments" [value]="mortgagePayments">
妹妹
我正在将百分比值分配给变量并进行插值，以将变量分配为输入字段的值。这证明是错误的方法。
起作用的是使用patchValue表单，如下所示：
this.analysisForm.patchValue({
market: {
outstanding_mortgage: this.analysisForm.value.market.purchase_value * 0.75,
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
根据 Angular 中的另一个文本字段更改输入值
- 2
每当一个或另一个字段使用Angular指令更改模型（每次击键）时，验证密码并确认密码字段
- 3
每当一个或另一个字段使用Angular指令更改模型（每次击键）时，都要验证密码并确认密码字段
- 4
获取当前选定的对象作为Angular中另一个字段的参数
- 5
从JSON获取基于另一个字段的值而无需迭代-angular js
- 6
删除字段并更新文档中的另一个字段
- 7
将一个文本与另一个文本合并，并在一个字段中进行更改以打印到新文本
- 8
当另一个字段值更改时更新一个字段值
- 9
Angular 6反应形式-如何根据另一输入的选择填充一个文本字段
- 10
在Cloud Firestore中创建另一个字段时，如何更新文档中的字段？
- 11
Angular ng-repeat order通过多个字段作为一个字段
- 12
更新一个DataGridView字段时如何更改另一个字段？
- 13
在Oracle SQL的另一个字段中查找一个字段中的文本
- 14
phpmyadmin 将文本从一个字段移动到另一个字段
- 15
在另一个字段上键入时更新一个字段的值
- 16
根据另一个字段更新一个字段的值
- 17
当另一个字段更新时更新字段的模式的标准实践
- 18
自动将字段文本复制到另一个字段
- 19
使用angular8单击选项卡时，如何使选项卡聚焦在第一个字段上
- 20
一个字段基于另一个字段的求和
- 21
从另一个字段上的表单更新表单上的字段（Lotus Notes）
- 22
Django-根据另一个字段更新模型字段
- 23
如何使用另一个字段的值更新MongoDB字段
- 24
SQL更新字段基于另一个字段的条件
- 25
根据文档中的另一个字段更新字段
- 26
访问-自动更新是/否字段基于另一个字段
- 27
从另一个字段上的表单更新表单上的字段（Lotus Notes）
- 28
仅在mongodb中的字段小于另一个字段时更新
- 29
根据另一个字段的总和更新SQLite布尔字段
我来说两句