动态输入验证未正确设置角度

【问题标题】：Dynamic input validation not set properly angular动态输入验证未正确设置角度
【发布时间】：2022-11-27 04:16:01
【问题描述】：

我正在尝试对反应式表单输入设置动态验证。我有四个input fine, total due, discount, payable。当我在折扣中输入价值然后支付金额及其最大验证器正确更新但是当我按退格键支付金额更新但验证器更新以前的值并给出错误并且我有一个复选框也这也不能正常工作有人可以帮助我吗错误

这是代码

https://stackblitz.com/edit/angular-ivy-cf9pgf?file=src%2Fapp%2Fapp.component.ts

【问题讨论】：

标签： angular typescript validation

【解决方案1】：

我对折扣字段做了一些更改，您可以跟着做剩下的。

基本上，无论何时动态添加验证器，都必须调用updateValueAndValidity。

在运行时添加或删除验证器时，必须调用 updateValueAndValidity() 使新验证生效。
官方文档：https://angular.io/api/forms/AbstractControl

我也从输入事件更新为valueChanges，这是响应式表单提供的API，我更喜欢使用它而不是自己设置事件

Forked Link

【讨论】：