Angular表单验证器



我有一个表单,当字段直接在html中无效时,我显示一个错误。我们可以使用Validators将这个错误消息放入ts.文件吗?

谢谢。

<form [formGroup]="form">
<mat-form-field>
<mat-label>Nom</mat-label>
<input matInput formControlName="nom"/>
<div *ngIf="form.get('nom')?.invalid"> error </div> // display this error in ts.file
</mat-form-field>
</form>

ts.file

formulaire(): FormGroup {
this.form = this.fb.group({
nom: ['', [Validators.required]]
})
}

根据Angular Doc,你不能在创建FormControl时直接设置错误信息。这是正常的,必须在html模板中完成。

否则,您可以做一个快速修复,但我不建议这样做。也许您需要回顾一下您的目的:为什么您需要将错误消息管理到typescript文件中?

相关内容

  • 没有找到相关文章

最新更新