Angular不重置验证器
创始人
2024-10-23 12:01:04
0次

在Angular中,如果你不想重置表单验证器,可以使用markAsPristine()和markAsUntouched()方法来达到你的目的。这些方法可以在表单控件上调用,而不是在整个表单上调用。

下面是一个示例代码,展示了如何在Angular中不重置验证器:

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-example',
  template: `
    
`, }) export class ExampleComponent { myForm: FormGroup; constructor(private formBuilder: FormBuilder) { this.myForm = this.formBuilder.group({ name: ['', Validators.required] }); } onSubmit() { if (this.myForm.valid) { console.log('Form submitted'); } else { // 标记表单控件为已经触摸过,并且不合法,以显示错误消息 this.myForm.get('name').markAsTouched(); this.myForm.get('name').markAsDirty(); // 可选:解除标记表单控件为已经触摸过,并且不合法 // this.myForm.get('name').markAsUntouched(); // this.myForm.get('name').markAsPristine(); } } }

在上述代码中,我们创建了一个名为myForm的表单,并添加了一个名为name的表单控件,它需要一个非空的值。在onSubmit方法中,我们检查表单的有效性。如果表单无效,我们使用markAsTouched()和markAsDirty()方法来标记name表单控件为已经触摸过并且不合法。如果你不想将表单控件标记为已经触摸过并且不合法,你可以使用markAsUntouched()和markAsPristine()方法。

请注意,以上代码只是一个示例,你可以根据你的需求进行调整。

相关内容

热门资讯

解密关于!wepoker破解器... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
记者发布!WPK工具,wepo... 记者发布!WPK工具,wepoker开挂脚本神器(从来真的有辅助挂)主打本地运行的 AI 黑科技工具...
玩家必看科普!WPK俱乐部,德... 玩家必看科普!WPK俱乐部,德扑之星外卦神器软件平台(好像真的有辅助挂)AI 智能体黑科技再上新,自...
详细说明!微扑克微乐辅助,we... 微扑克微乐辅助AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包,断...
一分钟秒懂!wepoker免费... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker免费脚本弱密码解析、 ...
我来向大家传授!德普之星透视,... 您好,我来向大家传授!德普之星透视,wepoker怎么开挂安装(切实是有透视挂)这款游戏可以开挂的,...
黑科技教程!wepoker辅助... 您好,黑科技教程!wepoker辅助工具,德扑之星到底有没有挂教程(本来是真的有开挂)这款游戏可以开...
记者揭秘!德扑之星怎么开辅助,... 记者揭秘!德扑之星怎么开辅助,WPK有没有辅助插件脚本(原来是有辅助挂)主打本地运行的 AI 黑科技...
推荐攻略!wepoker免费辅... 推荐攻略!wepoker免费辅助器,WPK软件下载平台(原生是真的有透视挂)AI 智能体黑科技再上新...
一分钟了解!!we-poker... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...