Добрый вечер! Подскажите, как отображать только 1 ошибку для инпута

Question

Добрый вечер! Подскажите, как отображать только 1 ошибку для инпута

при наличии множества ошибок?
в шаблоне сейчас так:

<input type="email" name="email" ngModel #emailControl="ngModel" required email>
<div *ngIf="emailControl.invalid">
<span *ngIf="emailControl.errors.required">required_error</span>
<span *ngIf="emailControl.errors.email">email_error</span>
</div>

#angular #frontend #javascript #programming #russian

0

30.01.2018

2 ответов

12 просмотров

izia

думаю, что можно еще вот так попробовать `<div *ngIf="name.errors"> <span>{{foo(name.errors)}}</span> </div>` foo(errors: ValidationErrors): string { return errors ? Object.keys(errors)[0] : ''; } Писал для реактивной формы, и метод нужен, т.к. Object не доступен в шаблоне

0

30.01.2018

Ivan Stroykin · Accepted Answer

Ivan Stroykin

*ngIf="control.hasError('required')" Если кастомный, то, к примеру: *ngIf="control.hasError('validateDate')"

0

30.01.2018

169 похожих чатов

Добрый вечер! Подскажите, как отображать только 1 ошибку для инпута

2 ответов

Похожие вопросы