Angular is particularly popular at large enterprises. Most of the time those line of business apps are very data driven and forms heavy. While Angular gives us two different approaches to implementing forms, neither of them is very satisfying, nor do they help keep the maintainability high especially in large enterprise apps.
In this course we're going to learn about [ngx-formly](https://formly.dev/), a library that helps cope with some of the mentioned issues. With Formly you define the form structure once in your component code and the HTML will be taken care of by the library. This helps to reduce maintainability and moreover Formly has some nice reactive features built-in that help you reduce your form code even more.
Questions? Ping me [on Twitter](https://twitter.com/juristr) or on [juri.dev](https://juri.dev) 🙂
Overview
Syllabus
- Install and Setup Angular Formly
- Create a Simple Form in Angular with Formly
- Customize the form control's input type with Angular Formly
- Render Dropdown fields and bind Observables streams with Angular Formly
- Add functionality to Angular Formly controls with Formly Lifecycle Hooks
- Implement cascading Dropdown fields with Angular Formly
- Dynamically disable a Form field with Angular Formly
- Dynamically set Model Properties with Angular Formly Expressions
- Dynamically hide Form Controls with Angular Formly
- Add hidden fields to a Form with Angular Formly
- Form validation with Angular Formly
- Customize Angular Formly validation messages
- Implement a custom form validator with Angular Formly
- Use 3rd party Form Controls with Angular Formly
- Implement cross-cutting functionality with Angular Formly Extensions
- Use Angular Formly Extensions to automatically localize all field labels
- Implement multi-column layout Forms with Angular Formly
- Reduce the Angular Formly configuration with helper functions
- Dynamic JSON Forms with Angular Formly
- Dynamic Forms with Angular Formly and JSONSchema
Taught by
Juri Strumpflohner
