Как программно добавить ошибку в элемент управления FormGroup?

Question

В моей динамической FormGroup я хотел бы программно добавить ошибку к элементу управления формы, но единственный способ добавить ошибку - это

this.userForm.controls.username.setErrors({
  'exists': 'Username already exists'
});

Что полностью заменяет любые существующие ошибки. Есть ли способ добавить одну ошибку в динамический элемент управления FormGroup?

Answer 1

control.setErrors({ ...(control.errors || {}), 'newError': 'text of the error' })

Вам просто нужно получить предыдущие ошибки и распространить их в новый объект ошибки.

control.errors || {}

Защита от нераспространяющихся значений (например, неопределенных или нулевых)

Answer 2

Использовать оператор спреда

const errors = this.userForm.controls.username.errors || {};
this.userForm.controls.username.setErrors({
  'exists': 'Username already exists', ...errors
})