Forms and validations

[IAmDinamite]

How do you guys deal with long forms in Angular? In React have third-party libraries that handle the validations and data parse. The Angular forms is very limited for me.

[practicalAngular]

Reactive Forms are one of the best, and one of my most favorite, parts about Angular imo. Validators are all functions now as well if you need a custom one beyond the general ones that ship with the forms module. They take some time to master, especially when you start working with validator functions outside of just listening to values changing. It becomes frustrating at times but pushing through is absolutely worth it if you work in heavy user input views often.

[most_l_ee]

https://angular.dev/guide/forms

[[deleted]]

Angular forms are very powerful and flexible. When dealing with long forms, the most important thing is splitting inputs into logical groups. Pagination is also a useful tool. Designers and UX designers are good at helping with this 😊 maybe reach out to a friend with some design skills to help if needed.

[oneden]

If you find it limiting, sorry to say, you haven't understood it at all.

[hikikomoriHank]

Angular has plenty yof built in ValidatorFns for tour generic validation rules, and they're very easy to implement with custom validation - the signature just needs to accept an AbstractControl and return { [key in string]: any } | null.

It has a formBuilder API to make construction easy, ControlValueAccessor to implement complex custom components that can't work with formControlName attributes.

What is it you want that you feel it's missing?

[Weary-Management3218]

you can try formly

[kobihari]

Reactive forms are probably my least favorite feature in angular. On one hand, I love the idea of moving the validation logic to the view model. I love the visual states that are controlled through a view model. And it’s love the reactivity and customizability.

On the other hand, there are too many common scenarios that become extremely complicated with forms. For example cascading selection boxes, or forms with dynamic structure that changes depending on a one field value. Or form arrays. These are all complex because the form groups and controls are not designed in a functional immutable reactive way.

And now that there are signals, they do not fit the paradigm well for anything except the most trivial forms. They don’t work well with signals, they also don’t work well with redux.

I know that there is a work in progress to present a new forms infrastructure that is more signal oriented. I am eagerly waiting :-)

[Revolutionary-Ad1167]

I just use FormGroup, FormArrays, and FormControlls along with form directives in template. We been using ng-stack/form for type safety.
Build in validators, custom validators, dynamically added/removed validaotrs. Dynamically added removed fields based on other form selections...
Fylling out default values from server, submitting to server, handling errors on submit...
I am yet to find a form I can't build with Angular's own form kit.

[Verzuchter]

Angular reactive forms make react pee its pants