Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Angular Template-driven Forms

via Pluralsight

Overview

You can build forms in Angular almost completely inside your HTML templates with Angular's template-driven forms. This course will teach you how to build template-driven forms, create dynamic forms, validate forms data, and save that data to an API.

Angular has two forms models to choose from: template-driven forms and reactive forms. Template-driven forms are simpler and are a great choice for most use cases. In this course, Angular Template-driven Forms, you'll learn the fundamentals of working with template-driven forms, and also advanced topics for working with complex and dynamic forms. First, you’ll explore the Angular architecture that powers both template-driven forms and reactive forms and the differences between the two paradigms. Next, you’ll discover how to build interactive forms by binding HTML input elements to a data model and how to validate user-entered data. Finally, you'll learn how to do more advanced template forms work, like creating dynamic forms and custom controls. When you’re finished with this course, you’ll have the skills and knowledge of Angular template-driven forms needed to build both simple and complex forms to gather data from the user.

Syllabus

  • Course Overview 1min
  • Getting Started with Angular Template-driven Forms 18mins
  • Creating Angular Template-driven Forms 40mins
  • Working with Input Elements and Data Types 21mins
  • Validating Angular Template Forms 29mins
  • Creating Custom Controls and ControlValueAccessors 31mins
  • Dynamically Adding Form Elements 14mins

Taught by

Jim Cooper

Reviews

4.9 rating at Pluralsight based on 21 ratings

Start your review of Angular Template-driven Forms

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.