Angular中错误消息未显示在UI上
创始人
2024-10-31 01:30:41
0
  1. 确认错误消息已经被添加到表单控件中的错误数组中。
  2. 确保在UI中对应的错误消息指令已经添加。
  3. 确认表单控件上添加了对应的错误消息指令。
  4. 确认表单控件绑定的ngModel或formControl中已经包含了Validators。
  5. 确认表单控件绑定的ngModel或formControl中设置了错误消息。

示例:

在模板中添加错误消息指令:

Username is required.

在指令中显示错误消息:

import { Directive, HostBinding, HostListener } from '@angular/core';

@Directive({ selector: '[appErrorMessage]' }) export class ErrorMessageDirective { @HostBinding('class.error-message') hasErrorMessage = true;

constructor() { }

@HostListener('input', ['$event.target']) onInput(target: HTMLInputElement) { const control = target.validity;

if (control.valid) {
  this.hasErrorMessage = false;
} else {
  this.hasErrorMessage = true;
}

} }

在ngModel或FormControl中设置错误消息:

ngOnInit() { this.myForm = new FormGroup({ name: new FormControl('', [ Validators.required, Validators.minLength(4) ]), email: new FormControl('', [ Validators.required, Validators.pattern('[^ @]@[^ @]') ]) }); }

get name() { return this.myForm.get('name'); }

get email() { return this.myForm.get('email'); }

getErrorMessage(control: AbstractControl) { return control.hasError('required') ? 'You must enter a value' : control.hasError('email') ? 'Not a valid email' : control.hasError('minlength') ? Must be at least ${control.errors.minlength.requiredLength} characters : ''; }

相关内容

热门资讯

透视实锤!WePOker有没有... 透视实锤!WePOker有没有透视方法(透视)可以破解游戏(一贯存在有挂);1、首先打开WePOke...
透视好牌!德普之星怎么设置埋牌... 透视好牌!德普之星怎么设置埋牌(透视)透视(真是有挂)德普之星怎么设置埋牌软件透明挂微扑克wpk插件...
透视规律!wepoker有脚本... 透视规律!wepoker有脚本吗(透视)插件辅助(本来是真的有挂)1、超多福利:超高返利,海量正版游...
透视计算!德普之星有透视辅助吗... 透视计算!德普之星有透视辅助吗(透视)辅助器(确实是真的有挂)1、这是跨平台的德普之星有透视辅助吗黑...
透视插件!德普之星辅助器(透视... 透视插件!德普之星辅助器(透视)透视软件免费入口官网(一贯是有挂);1)德普之星辅助器辅助挂:进一步...
透视实锤!wepoker怎么下... 透视实锤!wepoker怎么下载游戏(透视)辅助器有哪些功能(本来是有挂)1、游戏颠覆性的策略玩法,...
透视挂!德普之星透视辅助软件下... 透视挂!德普之星透视辅助软件下载(透视)透视辅助(切实真的有挂);1、首先打开德普之星透视辅助软件下...
透视好牌!wepoker透视脚... 透视好牌!wepoker透视脚本是什么(透视)透视脚本视频(切实存在有挂);1、下载好wepoker...
透视规律!德普之星私人局辅助免... 透视规律!德普之星私人局辅助免费(透视)辅助软件(原来是真的有挂);1、操作简单,无需注册,只需要使...
透视智能ai!wepokerp... 透视智能ai!wepokerplus辅助(透视)辅助(总是是有挂);在进入wepokerplus辅助...