Как управлять (действительным / недействительным) проверкой формы в элементе управления формы на основе условия в 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 отображается только в том случае, если пользователь хочет обновить событие, хотя оно скрыто с помощью *ngIf Форма по-прежнему недействительна из-за электронной почты и подтверждения электронной почты, мы можем динамически удалить и добавить элементы управления формы

Answer 1

Да, вы можете динамически добавлять и удалять элементы управления формы, используя динамическую реактивную форму.

Угловое покрытие это в их документах в глубине ... https://angular.io/guide/dynamic-form

По существу, они используют там массивFormControl's