egghead-ngx-formly-course icon indicating copy to clipboard operation
egghead-ngx-formly-course copied to clipboard

Repo for the Egghead ngx-formly course

Egghead Course: Configuration based reactive Angular Forms with ngx-formly

by Juri Strumpflohner (Twitter - Blog)

🔥🔥 Check out the course over on egghead.io🔥🔥

This repository is organized in different branches, one branch for each video lesson.

Contents

  1. Install and Setup Angular Formly
  2. Create a Simple Form in Angular with Formly
  3. Customize the form control's input type with Angular Formly
  4. Render Dropdown fields and bind Observables streams with Angular Formly
  5. Add functionality to Angular Formly controls with Formly Lifecycle Hooks
  6. Implement cascading Dropdown fields with Angular Formly
  7. Dynamically disable a Form field with Angular Formly
  8. Dynamically set model properties with Angular Formly Expressions
  9. Dynamically hide Form Controls with Angular Formly
  10. Add hidden fields to a Form with Angular Formly
  11. Form validation with Angular Formly
  12. Customize Angular Formly validation messages
  13. Implement a custom form validator with Angular Formly
  14. Use 3rd party Form Controls with Angular Formly
  15. Implement cross-cutting functionality with Formly Extensions
  16. Use Angular Formly Extensions to automatically localize all field labels
  17. Implement multi-column layout Forms with Angular Formly
  18. Reduce the Angular Formly configuration with helper functions
  19. Dynamic JSON Forms with Angular Formly
  20. Dynamic Forms with Angular Formly and JSONSchema

Setup & Run

Clone the repository and install all packages

$ npm install

(or yarn install)

Run the project by executing

$ npm start

Questions?

Feel free to reach out to me on Twitter or open an issue.