如果未触摸该字段，如何不显示错误消息？答案

【问题标题】：How not to display an error message if the field was not touched?如果未触摸该字段，如何不显示错误消息？
【发布时间】：2022-01-19 12:06:58
【问题描述】：

如果已触摸某个字段，如何显示“需要电子邮件”消息

<div class="form-group">
    <label class="control-label">Email</label>
    <input class="form-control w-100 mt-2" type="text" formControlName="login" required>
    <span class="text-danger" *ngIf="form.controls.login.errors?.required">
        Email is required
    </span>
</div>

【问题讨论】：

我真的很讨厌总是写代码，所以，前段时间，我在这个SO 中犯了一个“组件错误”，但所有其他的答案都可以

标签： angular bootstrap-4

【解决方案1】：

touched。

<span class="text-danger" *ngIf="form.controls.login.touched && form.controls.login.errors?.required">
    Email is required
</span>

Sample Demo on StackBlitz

参考

Validating input in template-driven forms

【讨论】：

【解决方案2】：

您可以使用form.controls.login.touched

<div class="form-group">
        <label class="control-label">Email</label>
        <input class="form-control w-100 mt-2" type="text" formControlName="login" required>
        <span class="text-danger" *ngIf="form.controls.login.touched && form.controls.login.errors?.required">
            Email is required
        </span>
    </div>

【讨论】：