在 Angular 中切换表单验证器 4/5
Toggle form Validators in Angular 4/5
我希望能够暂时 禁用整个表单的验证。注意:虽然我不想禁用实际表单...
我能找到的最接近的是手动 remove and add them as described here,但这对于复杂的表单来说非常尴尬。
this.form = this.formBuilder.group({
email: ['', Validators.compose([Validators.required, Validators.email])],
password: ['', Validators.compose([Validators.required, Validators.minLength(8)
])]
});
有类似的吗?:
this.form.disableValidators() // ???
您可以在组件中使用布尔值 属性。
validationEnabled = true;
然后,当您定义控件时,
emailValidators = Validators.compose([Validators.required, Validators.email]);
passwordValidators = Validators.compose([Validators.required, Validators.minLength(8);
this.form = this.formBuilder.group({
email: ['', this.validationEnabled ? emailValidators : null],
password: ['', this.validationEnabled ? passwordValidators : null]
});
然后根据需要设置 属性。
这种方法的一个缺点是当您想要切换时需要重建表单。
如果您想在创建表单后执行此操作,则需要使用上面链接的 API 中的方法 https://angular.io/api/forms/AbstractControl#setValidators。
我希望能够暂时 禁用整个表单的验证。注意:虽然我不想禁用实际表单...
我能找到的最接近的是手动 remove and add them as described here,但这对于复杂的表单来说非常尴尬。
this.form = this.formBuilder.group({
email: ['', Validators.compose([Validators.required, Validators.email])],
password: ['', Validators.compose([Validators.required, Validators.minLength(8)
])]
});
有类似的吗?:
this.form.disableValidators() // ???
您可以在组件中使用布尔值 属性。
validationEnabled = true;
然后,当您定义控件时,
emailValidators = Validators.compose([Validators.required, Validators.email]);
passwordValidators = Validators.compose([Validators.required, Validators.minLength(8);
this.form = this.formBuilder.group({
email: ['', this.validationEnabled ? emailValidators : null],
password: ['', this.validationEnabled ? passwordValidators : null]
});
然后根据需要设置 属性。
这种方法的一个缺点是当您想要切换时需要重建表单。
如果您想在创建表单后执行此操作,则需要使用上面链接的 API 中的方法 https://angular.io/api/forms/AbstractControl#setValidators。