Angular form表单对隐藏元素取消表单校验规则

在使用angular2+ 时form表单进行开发时，需要做动态的展示内容

导致的问题

• 在动态验证表单时候初始化只能设置两个都为必填，那么隐藏的字段，虽然隐藏了，但是form表单的校验规则还在，导致无法进行表单提交。

解决方案

• 动态表单规则，即通过动态的改变表单验证规则

//表单初始化
validateForm: FormGroup;
// 取消验证
this.validateForm.get('name').setValidators(null);
// 添加验证
this.validateForm.get('name').setValidators(Validators.required);