Creating and Maintaining Forms

Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description
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 both a template-driven approach and an alternative model-driven approach. This course will also cover form validation and submission.

Target Audience
Developers who want to learn how to use Angular 2 to create web apps

Prerequisites
None

Expected Duration (hours)
1.3

Lesson Objectives

Creating and Maintaining Forms

start the course

create a model class to back an Angular form

create a component class to support an Angular form

create template markup to display an Angular form

bind form input fields to component properties

set up variables within templates that can be used to access elements

set up two-way binding in a form with ngModel and ngModelChange

use class changes to determine when form is changing state

use CSS to display visual cues depending on whether a form is valid or invalid

use form state to display informative error messages depending on whether a form is valid or invalid

easily reset a form in Angular

submit a form using ngSubmit

setup ReactiveFormsModule need to work with model driven forms

create a component class to support an Angular model driven form

create an html view for a model driven form

define an initialize a FormGroup instance to back a model driven form

link FormControl objects to html inputs

set default form values at some point in time after form has been initialized

set default values for individual form controls at some point in time after form has been initialized

detect and respond to changes in model driven forms

create a model-driven form in Angular 2

Course Number:
wd_angt_a03_it_enus

Expertise Level
Intermediate