У чому різниця між Template-driven і Reactive формами?

Головна різниця - у тому, де керується стан форми і як з нею працювати.

Template-driven форми:

• Керуються через HTML-розмітку та директиви (ngModel, ngForm).
• Angular сам створює структуру форми під капотом.
• Менше коду в TypeScript, але складніше масштабувати.
• Підходять для простих випадків (реєстрація, зворотний зв'язок).

Reactive форми:

• Повністю контролюються з TypeScript (FormGroup, FormControl, FormBuilder).
• Дають точний контроль над кожним полем і валідатором.
• Легше тестувати, динамічно змінювати і відстежувати зміни.
• Використовуються у складних, динамічних формах (налаштування, фільтри, адмінки).

У двох словах: template-driven - декларативно і просто, reactive - програмно і точно.