2016
Lynda
Justin Schwartzenberger
1h 10m
English
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
Introduction
6m 35s
Welcome
47s
Using the exercise files
2m 14s
Series overview: Building an Angular app
2m 27s
The model-driven forms approach
1m 7s
1. The Form and Form Model
24m 49s
ControlGroup
3m 20s
Control
2m 15s
Controls in a nested ControlGroup
2m 2s
Radio inputs as Control
3m 1s
ControlArray
4m 35s
Filling it with data
3m 27s
Resetting data
2m 14s
Using the ControlGroup in the template
3m 55s
2. Form Fields
15m 12s
Input type text
4m 31s
Input type checkbox
2m 28s
Select
2m 52s
Textarea
1m 7s
Input type radio
2m 7s
Getting a handle to form fields in the template
2m 7s
3. Change Detection and Validation
22m 38s
CSS classes for change detection
3m 22s
Using valueChanges
4m 1s
Built-in validators
4m 15s
Creating custom validators
3m 38s
Using custom validators
3m 18s
Built in CSS classes for validation
2m 1s
Form model valid
2m 3s
Conclusion
1m 37s
Next steps
1m 37s
http://0s.o53xo.nr4w4zdbfzrw63i.cmle.ru/AngularJS-tutorials/Angular-2-Forms-Data-Binding-Validation/461451-2.html
Download File Size:222.5 MB
|
