我在一个角度形式组中有3个字段,并且其中一个字段基本上是一种用于用户自动将值与另一个字段相除的工具。因此,用户键入一个数字,另一个字段自动显示该值除以100。
看起来像这样:
formGroup = new FormGroup({
Buildyear: new FormControl(this.buildyear, [Validators.minLength(4), Validators.maxLength(4)]),
Areasize: new FormControl(this.areasize, [Validators.required] ),
Areasize_divided: new FormControl(''),
});
“ Areasize_divided”会自动对“ Areasize”中的值进行除法,默认情况下该字段中已经存在一个值,但是如果用户在“ Areasize”中输入新值,则也应在“ Areasize_divided”中自动进行计算。反之,如果用户在“ Areasize_divided”中输入一个值,它将自动将“ Areasize”乘以100。
实现这样的目标的最佳方法是什么?
您应该侦听表单控件的更改,并相应地更新其他控件。
formGroup.get('Areasize')
.valueChanges
.subscribe(value => formGroup
.get('Areasize_divided')
.setValue(isNaN(value) ? 0 : value / 100)
);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句