FormApplication

Test application to investigate four different ways of making a form using Angular

Template Driven Form (Angular defined model)

Very simple form
Defined in HTML
Suitable for newsletter sign up or similar forms

Template Driven Form (User defined model)

Allows validation
Valid, touched and pristine parameters can be styled
Still defined in HTML

Reactive Form

Defined in code
Allows loading of data (can be selective)
Allows testing of validation etc.
Allows adding and removing elements, for example, using FormArray with a for-loop in HTML
More code than TDF

Reactive Form (Form Builder)

Easier syntax for Reactive Forms
Reduces the amount of code