Как вы определяете, какое условие валидатора не удалось в угловых 8 - PullRequest
Новая
       59

Как вы определяете, какое условие валидатора не удалось в угловых 8

0 голосов
/ 26 июня 2019

например у меня есть вход, и я добавляю условия проверки muti как: обязательно, почта и шаблон, так что любой, кто потерпел неудачу, приведет к элементу управления. Status дал мне «INVALID», что мне делать, если я хочу узнать, какой из них потерпел неудачу?

Ответы [ 2 ]

0 голосов
/ 26 июня 2019

Чтобы отобразить ошибки при использовании шаблонно-управляемых форм: 

<input type="text" 
       id="name"
       required
       [(ngModel)]="model.name" 
       name="name"
       #name="ngModel">
<div>{{name.errors | json}}</div>

Чтобы отобразить ошибки при использовании реактивных форм: 

<form [formGroup]="profileForm">
  <label>
    First Name:
    <input type="text" formControlName="firstName">
  </label>
  <div>{{profileForm.get('firstName').errors | json}}</div>
</form>

Я предлагаю использовать или создать какую-то директиву / компонент, который будет отображать для вас ошибки.

0 голосов
/ 26 июня 2019

если вы используете реактивные формы, hasError Функция для проверки типа валидаторов, это пример: 

<input matInput placeholder="First Name" autocomplete="off" [formControl]="firstName" name="fname" required>

<mat-error *ngIf="firstName.hasError('required')">
    First Name is required.
</mat-error>
<mat-error *ngIf="firstName.hasError('minlength')">
    First Name is too short.
</mat-error>
<mat-error *ngIf="firstName.hasError('maxlength')">
    First Name is too long.
</mat-error>
...