Something to discuss as a Team...

Angular Template Driven Vs Model Driven Forms

Template Driven Forms Features

• Easy to use
• Suitable for simple scenarios and fails for complex scenarios
• Similar to AngularJS
• Two way data binding(using [(NgModel)] syntax)
• Minimal component code
• Automatic track of the form and its data(handled by Angular)
• Unit testing is another challenge

Reactive Forms Features

• More flexible, but needs a lot of practice
• Handles any complex scenarios
• No data binding is done (immutable data model preferred by most developers)
• More component code and less HTML markup
• Reactive transformations can be made possible such as
• • Handling a event based on a debounce time
• • Handling events when the components are distinct until changed
• • Adding elements dynamically
• Easier unit testing

Articles

• Why It’s Time to Say Goodbye to Angular Template-Driven Forms
• Angular Forms Guide - Template Driven and Reactive Forms
• Angular template-driven forms and reactive forms in a nutshell