ngx-formly с asyncValidators: показать некоторую информацию / стиль во время проверки - PullRequest
Новая
       26

ngx-formly с asyncValidators: показать некоторую информацию / стиль во время проверки

0 голосов
/ 15 декабря 2018

Я успешно использую asyncValidator для поля пароля, чтобы проверить хэш пароля для службы отдыха.

Он работает просто отлично, но иногда для завершения асинхронного вызова требуется «некоторое время»,Я хотел бы зафиксировать состояние «в настоящее время проверять» и показать некоторую информацию о поле (например, загрузочный GIF или определенный стиль CSS).

Есть ли какой-либо «крючок», к которому я мог бы прикрепить, чтобыпоказать информацию во время работы асинхронного валидатора?

1 Ответ

0 голосов
/ 15 декабря 2018

Поля формы, которые проверяются с помощью асинхронного валидатора, также будут иметь ожидающий класс ng, пока валидация еще не завершена.Это упрощает стилизацию полей, которые в настоящее время ожидают проверки

Использование свойства ожидания FormControl 

 <div *ngIf="myForm.get('email').pending">
    Loading...
  </div>

или 

  <div *ngIf="myForm.get('email').status === 'PENDING'">
    Loading...
  </div>

Ссылка: https://alligator.io/angular/async-validators/

...