在使用angular2+ 时form表单进行开发时,需要做动态的展示内容
导致的问题
- 在动态验证表单时候初始化只能设置两个都为必填,那么隐藏的字段,虽然隐藏了,但是form表单的校验规则还在,导致无法进行表单提交。
解决方案
- 动态表单规则,即通过动态的改变表单验证规则
//表单初始化
validateForm: FormGroup;
// 取消验证
this.validateForm.get('name').setValidators(null);
// 添加验证
this.validateForm.get('name').setValidators(Validators.required);