如何根据Angular 4中的条件在表单控件上操作(有效/无效)表单验证

Question

我有一个表单，我可以在其中更新电子邮件和密码，因此我使用表单组创建了FormControl

this.user= new FormGroup({
            Email: new FormControl("", [
                Validators.required,
                Validators.pattern("^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$"),
                Validators.maxLength(60)
            ]),
            ConfirmEmail: new FormControl("", [
                Validators.required,
                Validators.pattern("^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$"),
                Validators.maxLength(60)
            ]),
            Password: new FormControl("", [
                Validators.required,
                Validators.pattern("^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)[a-zA-Z\\d]{8,}$"),
                Validators.maxLength(60)
            ]),
            ConfirmPassword: new FormControl("", [
                Validators.required,
                Validators.pattern("^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)[a-zA-Z\\d]{8,}$"),
                Validators.maxLength(60)
            ])
        });

但只有当用户想要更新时，才会显示电子邮件和ConfirmEmail部分，即使使用* of隐藏。如果表单由于电子邮件和确认电子邮件而仍然无效，我们可以动态删除和添加表单控件

Answer 1

是的，您可以使用动态反应式表单动态添加和删除表单控件。

Angular在他们的文档中深入介绍了这一点... https://angular.io/guide/dynamic-form

本质上，它们在那里使用FormControl的数组