如何解决动态更改验证器后,角度控制始终无效
我需要动态设置/清除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 举报,一经查实,本站将立刻删除。