如何避免出现多个错误消息？

Question

在我的 FormControl 中，我看到同时启用了两个错误。如何防止这种情况？我要求按条件只显示一次：

<div *ngIf="senderPostalcode.errors && (senderPostalcode.dirty || senderPostalcode.touched )" class="error">{{senderPostalcodeError}}</div> //let show only when error and  dirty
<div *ngIf="senderPostalcode?.errors?.maxlength || senderPostalcode?.errors?.minlength"  class="error">{{senderPostalcodeLEN_BET}}</div> // when this show rest can disapear

我需要在这里添加什么条件？

Answer 1

您的第一个 div 将在您的控件被触摸和变脏时出现每个错误："senderPostalcode.errors && (senderPostalcode.dirty || senderPostalcode.touched )"

要在 min 和 max 错误上隐藏此 div 添加："senderPostalcode.errors && (senderPostalcode.dirty || senderPostalcode.touched ) && !senderPostalcode.errors.maxlength && !senderPostalcode.errors.minlength" 当您收到 min 或 max 错误时，此 div 将不会显示。