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

相关内容

热门资讯

推荐十款!红龙poker辅助挂... 推荐十款!红龙poker辅助挂多功能透视工具,一直真的是有挂(有挂技巧)红龙poker能透视中分为三...
玩家必看教程!德普之星辅助挂多... 玩家必看教程!德普之星辅助挂多功能透视工具,都是真的是有挂(有挂技术)1、全新机制【德普之星ai辅助...
攻略讲解!德扑之星辅助挂多功能... 攻略讲解!德扑之星辅助挂多功能透视工具,一直真的是有挂(有挂助手)德扑之星破解侠是真的助透视。每个模...
专业讨论!德扑之星辅助挂多功能... 专业讨论!德扑之星辅助挂多功能透视工具,真是是有挂(有挂功能)1、完成德扑之星辅助器v3.3的残局,...
实测教程!wpk辅助挂多功能透... 实测教程!wpk辅助挂多功能透视工具,果然存在有挂(有挂透视)暗藏猫腻,小编详细说明wpk破解器有用...
一分钟了解!红龙poker辅助... 一分钟了解!红龙poker辅助挂多功能透视工具,本来存在有挂(有挂功能)在进入红龙poker软件靠谱...
重大来袭!微扑克辅助挂多功能透... 重大来袭!微扑克辅助挂多功能透视工具,确实是真的有挂(有挂讲解)1、微扑克公共底牌简单,微扑克透视插...
总算清楚!德扑圈辅助挂多功能透... 总算清楚!德扑圈辅助挂多功能透视工具,一直有挂(真的有挂)总算清楚!德扑圈辅助挂多功能透视工具,一直...
专业讨论!微扑克辅助挂多功能透... 专业讨论!微扑克辅助挂多功能透视工具,都是是真的有挂(有挂解密)1、玩家可以在微扑克透视最简单三个步...
避坑细节!AAPoKer辅助挂... 避坑细节!AAPoKer辅助挂多功能透视工具,一直有挂(有挂头条)1、让任何用户在无需AAPoKer...