带有行为主题的角度反应式表单验证

问题描述 投票:0回答:1

黑社区, 我想知道当存在一些相互依赖的真正动态字段并且需要调用 API 进行验证时,验证 Angular Reactive Forms 的最佳方法是什么。

我有一个输入、一个下拉菜单、一个输入和另一个下拉菜单。它们相互依存,呈树形,意味着第一个输入指定第一个下拉列表中可以包含的内容,该输入指定下一个输入中的内容,并指定最后一个下拉列表中的内容。

我的第一个方法是对连接的 FormControl 所属的 FormGrouo 进行异步验证。但我没有让它发挥作用。

现在我的方法是使用同步验证和控件可能值所在的BehaviorSubject。 每次控件更改时,我都会调用 API 并获取可以满足表单控件当前值的数据。此 API 响应紧邻 beahviourSubject。行为主体有一个订阅者,每当有东西在它旁边时,它都会验证表单(因此运行验证器,采用行为主体的值来验证表单)。

“行为”主题的值也用于下拉列表的可能值。

这是推荐的解决方案吗?或者对于如此复杂的验证来说,正确的解决方案是什么?

我不是角度方面的高年级学生,但这似乎超出了我的知识范围。

感谢任何回复。

问候。

angular validation angular-reactive-forms
1个回答
0
投票

我只是想分享我上面提到的方法。 从数据库异步获取数据。表单元素的同步验证。

您能给我有关此方法的反馈吗?

https://stackblitz.com/edit/stackblitz-starters-4db78y?file=src%2Fexample-form%2Fexample-form.component.ts

问候曼努埃尔

© www.soinside.com 2019 - 2024. All rights reserved.