如何获取Angular表单验证器Validators.minLength的参数值?
获取Angular表单minLength验证器的参数值
要从Validators.minLength(4)中提取参数4,你可以通过表单控件的验证器函数获取配置信息,具体步骤如下:
- 获取目标表单控件
- 调用控件的验证器函数,获取包含规则细节的对象
- 从返回的对象中提取
requiredLength属性值
完整代码示例:
// 获取名为value的表单控件 const valueControl = this.form.get('value'); if (valueControl) { // 调用验证器函数(传入null即可触发规则信息返回) const validationDetails = valueControl.validator?.(null); if (validationDetails?.minlength) { // 提取minLength的参数值 const minLengthParam = validationDetails.minlength.requiredLength; console.log(minLengthParam); // 输出结果:4 } }
原理说明
Angular的Validators.minLength()是一个工厂函数,调用它会返回一个验证器函数。当你调用这个验证器函数并传入null时,它会返回一个包含验证规则细节的对象,其中minlength字段下的requiredLength就是你当初传入的参数值。
内容的提问来源于stack exchange,提问作者erzen
相关产品推荐
相关产品推荐

