Hands-on Angular: Create a Registration Form

Dan WellmanMar 4, 2019Lessons: 9Length: 59 minutes

JavaScript Angular

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

2.2 Adding a Data Model

In this lesson, you'll learn how to add a simple data model to the component's class that we can use to keep track of the form state. I'll then show you how we can link the controls in the form's templates to properties of the data model, so that we can easily capture data entered by the user.

1.Introduction
2 lessons, 05:18

1.1
Introduction
00:45

1.2
Set Up the Dev Environment
04:33

2.Creating a Template-Driven Form
6 lessons, 51:50

2.1
Adding the Form Markup
08:50

2.2
Adding a Data Model
09:00

2.3
Special Cases: The Select Box
05:04

2.4
Special Cases: Contact Preferences
11:56

2.5
Adding Form Validation
10:40

2.6
Handling Form Submission
06:20

3.Conclusion
1 lesson, 01:25

3.1
Conclusion
01:25

Dan Wellman

Dan Wellman is an author and front-end developer based in his home town in the south of merry old England. By day he builds web sites and applications and likes to focus on JavaScript, testing and workflow tools. By night he produces video courses for Tuts+ on a range of mostly front-end focused topics, usually centered around JavaScript.

danwellman

Hands-on Angular: Create a Registration Form

Next lesson playing in 5 seconds

2.2 Adding a Data Model

1.Introduction2 lessons, 05:18

2.Creating a Template-Driven Form6 lessons, 51:50

3.Conclusion1 lesson, 01:25

1.Introduction
2 lessons, 05:18

2.Creating a Template-Driven Form
6 lessons, 51:50

3.Conclusion
1 lesson, 01:25