Angular模式验证器在失焦时停止调用
创始人
2024-10-28 15:31:20
0

在Angular中,可以使用自定义指令来实现当输入框失焦时停止调用模式验证器的功能。下面是一个示例:

import { Directive, ElementRef, HostListener } from '@angular/core';
import { NgControl } from '@angular/forms';

@Directive({
  selector: '[stopValidationOnBlur]'
})
export class StopValidationOnBlurDirective {

  constructor(private el: ElementRef, private ngControl: NgControl) { }

  @HostListener('blur')
  onBlur() {
    // 停止调用模式验证器
    this.ngControl.control?.markAsUntouched();
  }
}

在上面的示例中,我们创建了一个名为stopValidationOnBlur的自定义指令。该指令通过ElementRefNgControl获取了当前输入框元素和与输入框绑定的表单控件。

通过@HostListener装饰器,我们监听了输入框的blur事件,并在事件触发时调用onBlur方法。在该方法中,我们使用markAsUntouched方法将表单控件标记为未触摸状态,从而停止调用模式验证器。

要使用这个自定义指令,只需将它应用到需要停止调用模式验证器的输入框元素上,例如:


这样,当输入框失焦时,模式验证器将不再被调用。

相关内容

热门资讯

据公告内容!wepoker插件... 据公告内容!wepoker插件下载(透视)渝都麻将辅助器(都是真的是有辅助辅助器)-哔哩哔哩1、渝都...
透视手筋!epoker免费透视... 透视手筋!epoker免费透视脚本(透视)pokermaster辅助器(辅助)原来一直都是有软件(哔...
现就发布提示!德普之星有透视辅... 现就发布提示!德普之星有透视辅助吗(透视)悟空大厅怎么挂辅助(切实真的有辅助平台)-哔哩哔哩悟空大厅...
透视烘培!pokemmo手机辅... 透视烘培!pokemmo手机辅助软件(透视)sohoo poker辅助(辅助)竟然存在有神器(哔哩哔...
辅助透视!aapoker俱乐部... 辅助透视!aapoker俱乐部靠谱吗(透视)四川游戏家园通用辅助(竟然真的有辅助下载)-哔哩哔哩辅助...
透视指南书!智星德州插件202... 透视指南书!智星德州插件2024最新版(透视)约局吧游戏挂(辅助)都是真的是有脚本(哔哩哔哩)1、进...
不少玩家反映!佛手在线大菠萝技... 不少玩家反映!佛手在线大菠萝技巧(透视)开心泉州小程序有挂吗(一贯有辅助安装)-哔哩哔哩1、任何开心...
透视指南!pokemmo修改器... 透视指南!pokemmo修改器手机版(透视)pokemmo手机版脚本(辅助)都是存在有攻略(哔哩哔哩...
透视有挂!wpk有作必弊吗(透... 透视有挂!wpk有作必弊吗(透视)四川游戏家园辅助软件合法吗(都是真的是有辅助插件)-哔哩哔哩该软件...
透视诀窍!哈糖大菠萝破解器(透... 透视诀窍!哈糖大菠萝破解器(透视)德州透视是真的吗(辅助)好像存在有神器(哔哩哔哩)1、不需要AI权...