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

andot 发布于2019-08-23 18:41 / 1574人阅读

摘要：问题描述使用响应式表单时候，根据选择不同的值，渲染出不同验证表单，这时候需要用到解决方法先使用清除表单验证信息然后使用往组中添加一个控件

问题描述 使用angular 响应式表单时候，根据select/radio 选择不同的值，渲染出不同验证表单，这时候需要用到 addControl 解决方法：

先使用removeControl清除表单验证信息：
this.validateForm.removeControl("something");
然后使用addControl往组中添加一个控件：
```
this.validateForm.addControl("something",
  this.fb.group({
      pid: [null, [Validators.required],
      privateKey: [null, [Validators.required]],
      alipayPublicKey: [null, [Validators.required]]
  }));
```

专线服务云服务器 asp如何响应式布局响应式响应式布局响应式网站

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105666.html

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

摘要：问题描述使用响应式表单时候，根据选择不同的值，渲染出不同验证表单，这时候需要用到解决方法先使用清除表单验证信息然后使用往组中添加一个控件问题描述使用angular 响应式表单时候，根据select/radio 选择不同的值，渲染出不同验证表单，这时候需要用到 addControl 解决方法：先使用removeControl清除表单验证信息： this.validateForm...

Harriet666 2019-08-02 15:33 评论0 收藏0
angular6的响应式表单

摘要：在模块里面引入要使用响应式表单，就要从包中导入，并把它添加到你的的数组中。导入验证器函数响应式表单包含了一组开箱即用的常用验证器函数。这些验证器属性可以和响应式表单提供的内置验证器组合使用。 1：在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的N...

alogy 2019-08-29 16:54 评论0 收藏0
angular6的响应式表单

摘要：在模块里面引入要使用响应式表单，就要从包中导入，并把它添加到你的的数组中。导入验证器函数响应式表单包含了一组开箱即用的常用验证器函数。这些验证器属性可以和响应式表单提供的内置验证器组合使用。 1：在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的N...

hzc 2019-08-02 11:40 评论0 收藏0
angular6的响应式表单

摘要：在模块里面引入要使用响应式表单，就要从包中导入，并把它添加到你的的数组中。导入验证器函数响应式表单包含了一组开箱即用的常用验证器函数。这些验证器属性可以和响应式表单提供的内置验证器组合使用。 1：在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的N...

MycLambert 2019-08-23 12:16 评论0 收藏0
angular4 学习记录 -- 表单

摘要：在表单上添加的会拦截标准的表单提交事件。并为它们提供了一些共同的行为和属性，其中有些是可观察对象。用于跟踪一个单独的表单控件的值和有效性状态。组件中的顶级表单就是一个。在表单所在的中的上添加，再在指定的验证方法中调用来显示验证失败信息。 angular4 表单模板表单在app.module中导入FormsModule之后，项目中的form表单都会是一个ngForm，也就是一个模板表...

james 2019-08-21 16:45 评论0 收藏0