angular 如何动态修改响应式表单验证数据

qyjs

于 2019-07-15 12:29:02 发布

阅读量1.3k

点赞数 2

文章标签： angualr javascript

本文链接：https://blog.youkuaiyun.com/qq_40611837/article/details/95951140

版权

博客介绍了在Angular中动态修改响应式表单验证数据的方法。当使用Angular响应式表单，根据select/radio选择不同值渲染不同验证表单时，可先使用removeControl清除表单验证信息，再用addControl往组中添加一个控件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angular 如何动态修改响应式表单验证数据：

使用angular 响应式表单时候，根据select/radio 选择不同的值，渲染出不同验证表单，这时候需要用到addControl ；

解决方法：
1.先使用removeControl清除表单验证信息：
this.validateForm.removeControl(‘something’);
2.然后使用addControl往组中添加一个控件：

this.validateForm.addControl('something',
  this.fb.group({
      pid: [null, [Validators.required],
      privateKey: [null, [Validators.required]],
      alipayPublicKey: [null, [Validators.required]]
}));