如何避免多个错误信息？

Question

在我的<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 我看到一次启用了两个错误。怎么预防这个？我要求按时间只显示一个：

{{1}}

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

Answer 1

当您的控件被触摸并变脏时，每个错误都会显示您的第一个div："senderPostalcode.errors && (senderPostalcode.dirty || senderPostalcode.touched )"

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