Angular:当Validators运行时,它们是否会在值更改时删除和重新分配错误?
创始人
2024-11-01 20:30:18
0

Validators不会自动删除错误。如果验证器返回多个错误,则错误仍将存在,直到验证器返回一个空对象表示无错误。

您可以使用Custome validators来实现在值更改时删除错误的功能。

示例代码:

export function forbiddenNameValidator(nameRe: RegExp): ValidatorFn { return (control: AbstractControl): {[key: string]: any} | null => { const forbidden = nameRe.test(control.value); return forbidden ? {'forbiddenName': {value: control.value}} : null; }; }

初始化表单:

this.signupForm = new FormGroup({ 'userData': new FormGroup({ 'username': new FormControl(null, [Validators.required, forbiddenNameValidator(/admin/)]) }), });

在组件中监听值更改:

this.signupForm.get('userData.username').valueChanges.subscribe(value => { if (this.signupForm.get('userData.username').errors) { this.signupForm.get('userData.username').setErrors(null, {emitEvent: false}); } });

在上面代码中,当用户名字段发生更改时,我们订阅了valueChanges事件。在此事件中,我们检查用户名字段是否存在错误。如果用户名字段存在错误,则将其设置为null。(emitEvent: false表示,它不会触发其他订阅器)

相关内容

热门资讯

据文件显示!广西友乐辅助器,本... 据文件显示!广西友乐辅助器,本来真的是有辅助软件(有挂解惑)-哔哩哔哩1、完成广西友乐辅助器辅助器v...
有玩家发现!心悦踢辅助软件,确... 有玩家发现!心悦踢辅助软件,确实是有辅助软件(有挂方针)-哔哩哔哩;1、玩家可以在心悦踢辅助软件透视...
目前!聚财app辅助,切实真的... 目前!聚财app辅助,切实真的是有辅助修改器(有挂讲解)-哔哩哔哩1、进入游戏-大厅左侧-新手福利-...
事发当天!天天炫斗辅助工具,竟... 事发当天!天天炫斗辅助工具,竟然是有辅助脚本(有挂教程)-哔哩哔哩1、天天炫斗辅助工具免费辅助多个强...
日前!丰城呱呱辅助器,竟然有挂... 日前!丰城呱呱辅助器,竟然有挂辅助工具(有挂教学)-哔哩哔哩丰城呱呱辅助器破解侠是真的助透视。每个模...
有了最新消息!微乐小程序辅助收... 有了最新消息!微乐小程序辅助收费,其实真的是有辅助工具(有挂细节)-哔哩哔哩1、任何微乐小程序辅助收...
备受关注的!新众亿免费辅助,确... 备受关注的!新众亿免费辅助,确实是真的辅助插件(有挂技巧)-哔哩哔哩运新众亿免费辅助辅助工具,进入游...
连日来!新卡农辅助,总是是真的... 连日来!新卡农辅助,总是是真的辅助平台(有挂方法)-哔哩哔哩在进入新卡农辅助软件靠谱后,参与本局比赛...
最终!微乐降序自建房辅助app... 最终!微乐降序自建房辅助app,竟然是有辅助修改器(有挂方法)-哔哩哔哩1、许多玩家不知道微乐降序自...
经核实!丫丫陕西插件,一贯是有... 经核实!丫丫陕西插件,一贯是有辅助app(有挂分享)-哔哩哔哩1.丫丫陕西插件 选牌创建新账号,点击...