What is the difference between template-driven forms and reactive forms in Angular?

Short answer: Feature Template-Driven Forms Reactive Forms Approach Declarative, based on directives in template Programmatic, model-driven in TypeScript Form Setup Mostly in HTML template Mostly in TypeScript code Validation Simple, template-based More powerful, reactive & scalable Form Control Implicitly created by Angular Explicitly created and managed Scalability Suitable for simple forms Best for complex forms Change…

Explain a bit more

Detection Asynchronous Synchronous Testing Harder to test Easier to unit test

Real-world example (ShopNest)

ShopNest’s ProductListComponent binds *ngFor to products and uses (click) to add to cart.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.