Коллеги, добрый день! Прошу помочь в поиске решения. У меня Angular 10

Question

Коллеги, добрый день! Прошу помочь в поиске решения. У меня Angular 10

Reactive Form
Формирую модель с индивидуальным набором Валидации по каждому полю.
Далее по логике нужно по выбору выпадающего списка изменить валидацию и перезагрузить валидность, но у меня сразу срабатывает обновление валидации.

Смена валидности происходит так?
Подскажите где упустил ошибку?

changeSDocTypeId = (secondDocumentTypeId: number) => {
if (!this.form) {
return;
}

this.form.reset({ secondDocumentTypeId }, { emitEvent: false });
_.keys(this.form.controls).forEach(key => {
const control = this.form.get(key);
control.markAsUntouched();
control.clearValidators();
if (control.errors) {
control.setErrors(null, { emitEvent: false });
}
});
this.srv.setValidity(this.form);
};

Проблема в том что
control.markAsUntouched();
очищает текст подсказки (так логика отображения ошибки определена), но остаётся красная линия под полем у каждого контрола:
errors:{
required: true
}

#angular #frontend #javascript #programming #russian

0

06.08.2020

1 ответов

14 просмотров

Alla L · Accepted Answer

Alla L

Если используется Material design то, вот это помогает: <form [formGroup]="myFormGroup" #f="ngForm"> ... </form> @ViewChild('f') myNgForm; reset() { this.myNgForm.resetForm(); } https://github.com/angular/components/issues/4190

0

06.08.2020

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

Коллеги, добрый день! Прошу помочь в поиске решения. У меня Angular 10

1 ответов

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