ClearValidator在angular 6表单控件中不工作

Question

我有两个表单组名称，如下所示。有时一个表单不显示给用户。当两者都显示出来时，我就没有问题了。我有一个按钮，当表单有效时可以看到。

 <div
        *ngIf="showPersonalInfo"
        class="personalInfo"
        formGroupName="personalInfo"
      > 

 <div
        *ngIf="showFamilyInfo"
        class="familyInfo"
        formGroupName="familyInfo"
      > 

 <button
        *ngIf="InfoForm.valid"
        class="submitButton"
</button>

我用下面的代码初始化我的表单。

this.InfoForm = this.formBuilder.group({
  personalInfo: this.getPersonalInfo(),
  familyInfo: this.getFamilyInfo(),
});

this.getFamilyInfo（）中的代码将设置show FamilyInfo为true或false，并在这两种情况下初始化表单，否则找不到我的html抛出familyInfo。

我们的一项服务有时会查找成员配置文件，提取现有的家庭信息/个人信息，填充模型并将showPersonalInfo/showFamilyInfo设置为true。

当showFamilyInfo为false时，我的InfoForm.FamilyInfohtml" target="_blank">表单控件显示为无效。为了避免这个错误，我正在使用下面的代码清除验证程序，但它仍然显示familyInfo表单控件状态无效。但我的个人信息是有效的。

如何可以忽略与FmilyInfo相关的一切，当show FamilyInfo是假的，所以按钮将是可见的。

this.InfoForm.get('familyInfo').clearValidators();
this.InfoForm.get('familyInfo').updateValueAndValidity();

Answer 1

我认为您需要先清除错误，然后才能更新有效性。在这篇链接文章中，Julia P.的答案涵盖了如何清除错误。然后运行updateValueandValidity。如何手动将角度形式字段设置为无效？