Angular 2 Forms Data Binding and Validation

English | 2016 | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 10m | 228 MB

eLearning | Skill level: Intermediate | by Justin Schwartzеnberger

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 advantage of two-way data-binding functionality.

This course shows how to build HTML web forms using the building 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.

Topics include:

Building an Angular form

Creating a model-driven form

Using the three fundamental form building blocks: Controls, groups, and arrays

Handling different input types: Text, checkboxes, selections, and radio input

Adding change detection to your forms

Creating custom validations