Below are the main differences between reactive forms and template driven forms:
| Feature | Reactive | Template-Driven |
|---|---|---|
| Form model setup | Created(FormControl instance) in component explicitly | Created by directives |
| Data updates | Synchronous | Asynchronous |
| Form custom validation | Defined as Functions | Defined as Directives |
| Testing | No interaction with change detection cycle | Need knowledge of the change detection process |
| Mutability | Immutable(by always returning new value for FormControl instance) | Mutable(Property always modified to new value) |
| Scalability | More scalable using low-level APIs | Less scalable using due to abstraction on APIs |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.
