Как избежать множественного сообщения об ошибке?

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 )"

Чтобы скрыть эту ошибку div при min и max, добавьте: "senderPostalcode.errors && (senderPostalcode.dirty || senderPostalcode.touched ) && !senderPostalcode.errors.maxlength && !senderPostalcode.errors.minlength" При получении ошибки min или max эта div не будет отображаться.