Angular reactive form validator最初显示错误消息？

Question

我有一个反应形式验证器样本.它在我们输入值之前最初显示验证错误消息.

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

样本链接

Answer 1

您必须检查触摸是否有这样的错误消息

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

您正在检查所需,因此只需在加载表单时,您的字段显然是空的,这样就会抛出错误.

您将在此处获得更多信息和示例:内置验证器 和 反应形式验证