在 Angular 8 Reactive FormBuilders 中将多个验证器存储到一个常量中 [英] Store Multiple Validators into a Constant in Angular 8 Reactive FormBuilders
问题描述
如何将多个验证器存储到一个常量中并在 Reactive FormBuilder 中使用?以下将应用 1 个验证器.存储和在 Angular 8 Reactive Formbuilder 中使用 Regex Const Validator
How do I store Multiple Validators into a Constant and use in Reactive FormBuilder? The following will apply 1 validator. Store and Use Regex Const Validator in Angular 8 Reactive Formbuilder
export const ZipValidation = Validators.pattern(/^\d{1,5}$/);
'ZipCode': [null, [Validators.maxLength(16), ZipValidation]],
我们需要将整个多数组存储到一个常量中.这是纬度和经度的多个验证器.
We need to store a whole multiple array into a constant. This is multiple validators for latitude and longitude.
Validators.maxLength(32),
Validators.min(-90),
Validators.max(90),
Validators.pattern(/^\d*\.?\d*$/)
我尝试了以下操作,它不起作用
I tried doing the following, it is not working
export const LatitudeLongitudeValidator = [Validators.maxLength(32),Validators.min(-90),Validators.max(90),Validators.pattern(/^\d*\.?\d*$/)];
'latitude': [null, [LatitudeLongitudeValidator]],
推荐答案
您可以拥有所有这些验证的数组,然后使用扩展运算符在验证器中使用该数组,
You can have array of all these validations and then using spread operator use that array inside validator,
export const CustomValidation = [
Validators.maxLength(32),
Validators.min(-90),
Validators.max(90),
Validators.pattern(/^\d*\.?\d*$/)
]
在表单组中使用这个数组,
Use this array in formgroup,
'formField': ['', [ ...CustomValidation ]],
展开运算符是数组变量之前的 3 个点...
.
Spread operator is 3 periods dots ...
just before array variable.
这篇关于在 Angular 8 Reactive FormBuilders 中将多个验证器存储到一个常量中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!