Всем привет, кто то использует rxweb/reactive-form-validators? На проекте решили

Question

Всем привет, кто то использует rxweb/reactive-form-validators? На проекте решили

из за пары плюшек реактивных форм переходить на них, и проблемой сейчас для нас является валидация. Например условная валидация.

Не хочется раздувать код для больших форм с ручным сбросом валидатором и их установкой и всем таким. По этому я предположил что 100% должно быть какое то решение которое позволит не писать велосипедов.

В общем интересно мнение на счёт того как делается валидация с реактивными формами, на сколько популярна либа в сообществе или можно обойтись ручками спокойно на больших формах (под большим будем иметь 50+ полей) без либ?

#angular #frontend #javascript #programming #russian

0

12.10.2021

11 ответов

19 просмотров

Smooth Operator

что за кейс с ручным сбросом валидаторов и их установкой?

0

12.10.2021

Vlad Chabanenko Автор вопроса

bassjs 🇺🇦 Sekhno
А за чем? если ReactiveFormModule все стандартные ...

Условного валидатора нет, то есть мне нужно ручками самому подписываться на изменение чекбокса, брать внутри мой инпут который должен быть обязательный если чекбокс true, иначе не обязательным. И если чекбокс активный то делать setValidators/clearValidators + updateValueAndValidity. И мне кажется на банальное просто условие тратить под 5-10 строк кода для одного поля ну такое себе, особенно если этих полей на форме не одно а несколько, и сама форма на полей эдак 100 this.foodForm.get('checkbox').valueChanges.pipe( tap((hasFavoriteDessert: boolean) => { if (hasFavoriteDessert) { this.foodForm.get('input').setValidators(Validators.required); } else { this.foodForm.get('input').clearValidators(); } this.foodForm.get('input').updateValueAndValidity(); }) ).subscribe()

0

12.10.2021

Vlad Chabanenko Автор вопроса

Smooth Operator
что за кейс с ручным сбросом валидаторов и их уста...

Я имел ввиду методы setValidators/clearValidators

0

12.10.2021

bassjs 🇺🇦 Sekhno

Vlad Chabanenko
Условного валидатора нет, то есть мне нужно ручкам...

Но ведь можно менять контролы, их значения и так же валидаторы updateValueAndValidity

0

12.10.2021

Smooth Operator

Vlad Chabanenko
Условного валидатора нет, то есть мне нужно ручкам...

не вижу как вами упомянутая либа решает эту проблему

0

12.10.2021

Vlad Chabanenko Автор вопроса

Smooth Operator
не вижу как вами упомянутая либа решает эту пробле...

https://github.com/rxweb/rxweb/tree/master/client-side/angular/packages/reactive-form-validators#conditional-validation

0

12.10.2021

Vlad Chabanenko Автор вопроса

bassjs 🇺🇦 Sekhno
Но ведь можно менять контролы, их значения и так ж...

Ну да, я понимаю, но в сообщении выше я скинул пример про что я. На одно поле условное идёт 10 строк кода. У меня описание формы будет на пример 100 полей, + ещё таких блоков условных около 5-10 на форме. То есть у меня будет пример 100-110 полей на FormGroup. И потом дальше ещё около 100 полей на валидацию. То есть у меня буквально уже описание самой обычной формы на моём проекте занимает аж 200 строк компонента + имхо кажется не очень читабельным, но это возможно ибо я только вкатываюсь в реактивные формы

0

12.10.2021

Smooth Operator

Vlad Chabanenko

https://github.com/rxweb/rxweb/tree/master/client-...

а, у них свой форб билдер, понятненько

0

12.10.2021

Artem Tarasov

Vlad Chabanenko
Ну да, я понимаю, но в сообщении выше я скинул при...

Привет, делал вложенные формы на 100+ контролов. Причём валидаторы контрола на глубине зависят от родителей. Так вот, на ангуляровских реактивных формах это просто боль. Могу только посочувствовать.

0

12.10.2021

Vlad Chabanenko Автор вопроса

Artem Tarasov
Привет, делал вложенные формы на 100+ контролов. П...

Спасибо:(

0

12.10.2021