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

相关内容

热门资讯

发现一款!wepoker有没有... 发现一款!wepoker有没有透视方法,扑克之星辅助,其实是有挂(有挂教程)1、任何透视是真的假的的...
重大推荐!德州透视插件,pok... 重大推荐!德州透视插件,pokemmo手机版脚本,一贯真的有挂(新版有挂)1、用户打开应用后不用登录...
玩家交流!wepoker轻量版... 玩家交流!wepoker轻量版辅助,wepoker软件辅助程序,果然真的有挂(详细教程)1. 选牌创...
玩家攻略推荐!pokemmo手... 玩家攻略推荐!pokemmo手机辅助软件,hhpoker底牌透视脚本,真是真的是有挂(有挂教程)一、...
指导大家!德普之星透视辅助软件... 指导大家!德普之星透视辅助软件激活码,wepoker辅助器安装包定制,好像有挂(有挂分享)1)wep...
一分钟教你!aapoker怎么... 一分钟教你!aapoker怎么提高中牌率,模拟器打开hhpoker,总是是有挂(有挂方针)在进入软件...
重大来袭!hhpoker辅助,... 重大来袭!hhpoker辅助,佛手在线大菠萝为什么都输,一直存在有挂(有挂教学)1、在插件功能辅助器...
每日必备!约局吧德州有挂吗,w... 每日必备!约局吧德州有挂吗,wepoker模拟器哪个,确实存在有挂(有挂教学)一、游戏安装教程牌型概...
推荐一款!aapoker怎么拿... 推荐一款!aapoker怎么拿好牌,wepoker养号规律,好像存在有挂(有挂教学)1. 选牌创建新...
实测分享!wepoker软件靠... 实测分享!wepoker软件靠谱么,xpoker辅助工具,好像存在有挂(确实有挂)1、游戏颠覆性的策...