SkillSoft Explore Course – Lambers, Inc.

IT Professional Curricula Web Design Solution Area Scripting and Web Languages Angular 4

Collecting data via forms and inputs is typically a major part of web apps. This course will cover how to create forms in Angular using a template-driven approach. In this course, you will also learn about form validation and submission.

Asset ID	sd_agad_a05_it_enus
Course Type	Video Course
Course Category	Web Design Solution Area

Objectives
Template-driven Forms start the course create a model class for a form create a component class to support a form create a template markup to display a form bind form input fields to component properties use template variables to access elements or directives within the template use ngModel and ngModelChange to configure two-way binding in a form use built-in validators to validate form field data entry Form State Management use class changes to determine when a form is changing state use CSS to display visual cues when form input is invalid use form state to display informative error messages reset a form using the reset() method submit a form using ngSubmit Practice: Form Management manipulate and manage template-driven forms

Objectives

Template-driven Forms

start the course
create a model class for a form
create a component class to support a form
create a template markup to display a form
bind form input fields to component properties
use template variables to access elements or directives within the template
use ngModel and ngModelChange to configure two-way binding in a form
use built-in validators to validate form field data entry

Form State Management

use class changes to determine when a form is changing state
use CSS to display visual cues when form input is invalid
use form state to display informative error messages
reset a form using the reset() method
submit a form using ngSubmit

Practice: Form Management

manipulate and manage template-driven forms