角度4表格验证，反应形式不起作用

Question

我是角度v4的新手。我必须在表单上进行验证。表单结构是有两个复选框，如果我选择第一个复选框，然后该表单的多个字段使用valdiations可编辑，取消选中这些字段禁用，第二个复选框也使用相同的行为。这是页面的快照

如果单击“常规信息”复选框，则左侧的所有字段都应该可以使用验证进行编辑，如果取消选中，则禁用所有字段，并且如果检查所有字段，则应使用地址复选框，并且可以使用验证进行编辑。取消选中将其禁用。

谢谢..

Answer 1

为常规信息和地址创建两个表单。

generalInfoForm = fb.group( (
   'name' : [null, Validators.required],
   'age'  : [null, Validators.required] .... )) ;

addressForm = fb.group( (
   'house_no' : [null, Validators.required],
   'LandMark'  : [null, Validators.required] )) ;

然后还要确保您有两个布尔变量用于上述复选框的结果。

然后，您可以使用角度绑定来禁用表单。

left div

姓名：<input type="text" .... [disabled]="! general_Info_Selected" />

年龄：<input type="text" .... [disabled]="! general_Info_Selected" />

right div

众议院号：<input type="number" .. [disabled]="! address_Selected" />

地标：<input type="text" .... [disabled]="! address_Selected" />