Angular响应式表单中的自定义表单级验证器和updateOn选项为'blur”不起作用
创始人
2024-10-30 08:00:40
0
  1. 在组件中定义自定义表单级验证器,并在控件初始化时将其添加到FormGroup中。
import { Component } from '@angular/core';
import { FormControl, FormGroup, ValidatorFn, AbstractControl } from '@angular/forms';

@Component({
  selector: 'my-app',
  template: `
    
` }) export class AppComponent { formGroup: FormGroup; constructor() { const nameValidator: ValidatorFn = (control: AbstractControl): {[key: string]: any} | null => { const value = control.value; const invalid = value && value.length < 5; return invalid ? {'nameInvalid': {value}} : null; }; this.formGroup = new FormGroup({ name: new FormControl('', { validators: nameValidator, updateOn: 'blur' }) }); } }
  1. 在模板中绑定控件的错误提示信息。
Name must be at least 5 characters long

相关内容

热门资讯

透视玄学!aapoker辅助器... 透视玄学!aapoker辅助器是真的吗(透视)aapoker透视怎么用,必胜教程(有挂工具)小薇(透...
透视科技!wepoker钻石怎... 透视科技!wepoker钻石怎么看底牌,wepoker怎么看底牌(详细辅助机器人)1、玩家可以在we...
透视肯定!aapoker辅助怎... 透视肯定!aapoker辅助怎么用(透视)aapoker脚本,高科技教程(有挂技巧)运aapoker...
透视新版!WePOker有没有... 透视新版!WePOker有没有透视方法,wepoker破解器激活码(详细到底是挂了);小薇(透视辅助...
透视挂!aapoker透视脚本... 透视挂!aapoker透视脚本入口(透视)aapoker透视脚本,我来教教你(有挂解说)1)aapo...
辅助透视!wepoker模拟器... 辅助透视!wepoker模拟器哪个,wepoker是不是有人用挂(详细作弊方法)一、wepoker是...
透视辅助!aapoker脚本怎... 透视辅助!aapoker脚本怎么用(透视)aapoker免费透视脚本,黑科技教程(有挂详情);1、a...
透视有挂!wepokerplu... 透视有挂!wepokerplus外挂,wepoker破解器有用吗(详细透视器免费)1、上手简单,内置...
透视实锤!aapoker怎么设... 透视实锤!aapoker怎么设置抽水(透视)aapoker发牌逻辑,解密教程(有挂插件)aapoke...
透视玄学!wepoker代打辅... 透视玄学!wepoker代打辅助,wepoker辅助器激活码(详细-h5下载);1、wepoker辅...