BUY ANGULAR 2 FORMS: DATA BINDING AND VALIDATION

ANGULAR 2 FORMS: DATA BINDING AND VALIDATION



Building HTML forms for the web world is never as straightforward as expected. Collecting user input and implementing dynamic form validation that automatically reacts to input, can be difficult without the right solution. When building client-side apps using Angular, you get a good amount of framework code out-of-the-box that makes working with forms a breeze.


Building HTML forms for the web world is never as straightforward as expected. Collecting user input and implementing dynamic form validation that automatically reacts to input, can be difficult without the right solution. When building client-side apps using Angular, you get a good amount of framework code out-of-the-box that makes working with forms a breeze. Angular allows you to easily handle dynamic form validation by taking advantange of two-way data-binding functionality.

This course shows how to build HTML web forms using the bulding blocks, built-in validation properties, and methods of the Angular forms module. Learn how to use the model-driven forms approach to build out a model representation of form data in code and bind it to native HTML form elements. This course also explores how to implement validation, using JavaScript, in case you need more fine-tuned control of your interactions.

LESSON

Welcome
Using the exercise files
Series overview Building an Angular app
The modeldriven forms approach
Form Group
Form Control
Form controls in a nested Form Group
Radio inputs as form controls
Form Array
Filling it with data
Resetting data
Using the FormGroup in the template
Input type text
Input type checkbox
Select
Textarea
Input type radio
Getting a handle to form fields in the template
CSS classes for change detection
Using value Changes
Builtin validators
Creating custom validators
Using custom validators
Using builtin CSS classes for validation
Checking if the form model is valid
Next steps