在 Angular 8 Reactive FormBuilders 中将多个验证器存储到一个常量中 [英] Store Multiple Validators into a Constant in Angular 8 Reactive FormBuilders

查看:13
本文介绍了在 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屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆