Course Details

Previous Page


Creating and Maintaining Forms


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


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