小编tia*_*nke的帖子

Angular form.statusChanges 不适用于动态表单 + asyncValidation

当使用 asyncValidation 动态添加新的 FormControl 到反应式表单时,表单会从 PENDING 变为 VALID/INVALID,但不会触发 statusChanges。

我有一个动态修改的表单,之后我订阅了 statusChanges。我正在打印表单的状态,我可以检查状态是否发生变化,但 stausChanges 未触发。

这是一个示例https://stackblitz.com/edit/angular-pvebmb?file=src%2Fapp%2Fapp.component.ts。

在此示例中,您可以检查是否有对 console.log 的 statusChanges 订阅。有一个按钮,单击该按钮后会添加一个新的 FormControl,其中包含需要 1 秒才能完成的异步验证。您可以检查一下,当您单击按钮时,表单的状态(在 html 中打印)从 PENDING 变为 INVALID,但不会打印与 statusChanges 相关的 console.log。

我希望每次表单的状态值发生变化时都会触发 statusChanges 。

angular

6
推荐指数
1
解决办法
8677
查看次数

Angular 反应形式 - 在模糊时验证但在键入时更新模型

我有一个使用反应形式和输入文本的情况。

我需要:

  1. 当用户输入时,根据输入的内容建议一个列表(我使用的是 ngx bootstrap typeahead);
  2. 仅当用户失去输入焦点时才验证输入字段。

为了仅在用户离开输入字段时执行输入验证,我在验证选项中添加了“updateOn: 'blur'”。问题是这不仅会影响执行验证的时间,还会影响模型的更新时间。使用“模糊”,模型仅在用户离开输入文本时更新,因此建议列表无法按用户类型正常工作,因为模型没有更新。

我在stackblitz 中添加了一个示例。

我想知道是否有一种方法可以只对模糊执行验证,但模型会随着用户键入而更新。

谢谢。

angular angular-reactive-forms

5
推荐指数
1
解决办法
1846
查看次数

标签 统计

angular ×2

angular-reactive-forms ×1