Angular 响应式(Reactive)表单验证器最初显示错误消息?

标签 angular typescript validation angular-reactive-forms

我有一个响应式(Reactive)表单验证器示例。在我们输入值之前,它最初显示验证错误消息。

预期的行为是,在输入值后它必须显示错误消息

sample link

最佳答案

你必须像这样检查 touched 错误信息

 <div *ngIf="check.errors.required && check.touched" class="e-error">
                This field is required.
 </div>

当您加载表单时,您正在检查是否需要,然后您的字段显然是空的,因此它会抛出错误。

您将在此处获得更多信息和示例:Built In ValidatorsReactive Form Validattions

关于Angular 响应式(Reactive)表单验证器最初显示错误消息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52713813/

相关文章:

Angular 2 <mat-expansion-panel> 展开和折叠所有

javascript - ng-for 中的 Angular 增量变量

javascript - 如何在 addEventListener 中移除 EventListener?

.net - System.Net.Mail.MailAddress'解析器接受的格式是什么?

javascript - angular 2 禁用 url 编码

javascript - 防止用户输入 future 日期 Angular 4

angular - HostListener 分析组合按键

javascript - 完全实现 Ext.QuickTips() 的最低要求是什么?

php - 正则表达式 - 防止重复字符

javascript - 在 Angular 的多个应用程序中,将影响多个组件的 scs 放在哪里?