Угловые реактивные формы - подтверждают изменения и размывают оба

Question

Я использую угловые реактивные формы в своем заявлении. У меня есть требование, что некоторые проверки должны выполняться при изменении (поведение проверки угловых форм по умолчанию), а некоторые другие проверки должны выполняться только для размытия для повышения производительности.

Обычно, когда пользователь начинает вводить текстовое поле, я хочу выполнить проверку на стороне клиента и показать ошибки в качестве пользовательских типов. Кроме того, мне нужно, чтобы на стороне сервера проверялись бизнес-проверки в текстовом поле, что я хочу сделать при размытии.

Вопрос в том, можем ли мы настроить угловые реактивные формы так, чтобы некоторые проверки выполнялись при изменении, а другие - при размытии. Или у нас есть другие альтернативы?

Answer 1

Да, вы можете, так как Angular 5 вы можете сделать это:

Пример:

this.email = new FormControl(null, {
   validators: Validators.required,
   updateOn: 'blur'
});