Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Configuration based reactive Angular Forms with ngx-formly

via egghead.io

Overview

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, 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 or on juri.dev

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

Reviews

4.7 rating at egghead.io based on 29 ratings

Start your review of Configuration based reactive Angular Forms with ngx-formly

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.