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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.