دانلود فیلم آموزش 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. 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

overview:

Introduction
Welcome
Using the exercise files
Series overview: Building an Angular app
The model-driven forms approach
1. The Form and Form Model
ControlGroup
Control
Controls in a nested ControlGroup
Radio inputs as Control
ControlArray
Filling it with data
Resetting data
Using the ControlGroup in the template
2. Form Fields
Input type text
Input type checkbox
Select
Textarea
Input type radio
Getting a handle to form fields in the template
3. Change Detection and Validation
CSS classes for change detection
Using valueChanges
Built-in validators
Creating custom validators
Using custom validators
Built in CSS classes for validation
Form model valid
Conclusion
Next steps