动态更改验证器后，角度控制始终无效

问题描述

我需要动态设置/清除formControl的验证器，如果authType为Basic，则需要标记userName / password，如果authType为oauth2，则需要标记Other字段。

我已经尝试过了

onInit() {
    this.formGroup = this.formBuilder.group({
        url: ['',[],FieldValidators.required],authType: ['basic',tokenUrl: ['',[]],grantType: ['',clientID: ['',clientSecret: ['',refreshToken: ['',userName: ['',password: ['',FieldValidators.required]
    });

    this.formGroup.get('authType').valueChanges.subscribe(value => {
        console.log('here');
        if (value === 'basic') {
            this.formGroup.get('userName').setValidators(FieldValidators.required);
            this.formGroup.get('userName').updateValueAndValidity();
            this.formGroup.get('password').setValidators(FieldValidators.required);
            this.formGroup.get('password').updateValueAndValidity();
            this.formGroup.get('tokenUrl').clearValidators();
            this.formGroup.get('tokenUrl').updateValueAndValidity();
            this.formGroup.get('grantType').clearValidators();
            this.formGroup.get('grantType').updateValueAndValidity();
            this.formGroup.get('clientID').clearValidators();
            this.formGroup.get('clientID').updateValueAndValidity();
            this.formGroup.get('clientSecret').clearValidators();
            this.formGroup.get('clientSecret').updateValueAndValidity();
            this.formGroup.get('refreshToken').clearValidators();
            this.formGroup.get('refreshToken').updateValueAndValidity();

        } else if (value === 'outh2') {
            this.formGroup.get('userName').clearValidators();
            this.formGroup.get('userName').updateValueAndValidity();
            this.formGroup.get('password').clearValidators();
            this.formGroup.get('password').updateValueAndValidity();
            this.formGroup.get('tokenUrl').setValidators(FieldValidators.required);
            this.formGroup.get('tokenUrl').updateValueAndValidity();
            this.formGroup.get('grantType').setValidators(FieldValidators.required);
            this.formGroup.get('grantType').updateValueAndValidity();
            this.formGroup.get('clientID').setValidators(FieldValidators.required);
            this.formGroup.get('clientID').updateValueAndValidity();
            this.formGroup.get('clientSecret').setValidators(FieldValidators.required);
            this.formGroup.get('clientSecret').updateValueAndValidity();
            this.formGroup.get('refreshToken').setValidators(FieldValidators.required);
            this.formGroup.get('refreshToken').updateValueAndValidity();
        }
    })
}

此验证器在更改authType后正确更新后，即使在表单中输入值，控件也保持不活动状态。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）