ng-form-rules - Simple, powerful, and customizable rule engine library for Angular reactive forms

Angular ng-form-rules

Jul 27, 2018

source ondemand_video

ng-form-rules makes working with Angular reactive forms easier by providing a simple, powerful, and customizable rule engine library. You simply describe your data structure, rules, and logic, and we will create a form that hooks it all together for you.

Why?

Working with Angular reactive forms is great… until it sucks. As web developers, we work with forms all day long and anything we can do to make this easier will have a huge impact. We care about things like the sturcture of the form, if a control is valid, if a control is editable, reacting to changes in the form, etc. ng-form-rules was built to make all these things simpler and more powerful.

What?

What does `ng-form-rules` do?

Generate Angular reactive form controls (FormGroup, FormArray, and FormControl) based upon model setting configurations
- Model settings have a collection of properties that have tests & rules dictating whether they are valid and/or editable
- Model settings won’t clutter your model classes and can be re-used as much as you’d like
Rules can be as simple or complex as you want; you have full control
- Rules can react to changes in other properties in the form, whether at the same level, nested, in an array item, or at a parent’s level
- Rules can be synchronous or asynchronous
- All of the rules in your model settings will automatically be integrated seamlessly into your form
You are never blocked! The form controls we generate are no different than what you already use in Angular. You can manipulate them, add controls, add validators from outside ng-form-rules, etc.

What does `ng-form-rules` NOT do?

Anything to do with styling, display, etc.
Provide a library of validation methods (e.g. MaxLength, Required, etc.)

“Show me the money!” (examples)

Watch our “Let’s Build a Registration Form” video for a great walkthrough of several key features of the library.