Chapter 8: Quickly Create Simple Yet Powerful Angular Forms

by Kaloyan Kolev

Forms are an essential part of many web applications, being the most common way to enter and edit text-based data. Front-end JavaScript frameworks such as Angular, often have their own idiomatic ways of creating and validating forms that you need to get to grips with to be productive.

Angular allows you to streamline this common task by providing two types of forms that you can create:

  • Template-driven forms - simple forms that can be made rather quickly.
  • Reactive forms - more complex forms that give you greater control over the elements in the form.

In this article, we'll make a simple example form with each method to see how it's done.

Prerequisites

You do not need ...

Get Learn Angular: Your First Week now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.