templatedriven

Templatedriven, commonly called template-driven forms, is a form handling approach used in Angular where most form logic is declared in the template. The term templatedriven is often used to describe this pattern in contrast to model-driven or reactive forms. In this approach, the component class typically contains little form-specific logic.

In templatedriven forms, two-way data binding is achieved with [(ngModel)], and form metadata is provided through directives such as ngForm and ngModelGroup. Validation is defined in the template with attributes like required, minlength, and pattern, and Angular tracks form state automatically as the user interacts with controls.

Advantages: quick to set up for simple forms; minimal TypeScript boilerplate; intuitive for developers familiar with Angular templates; suitable for prototyping.

Limitations: less scalable for large or dynamic forms; form model is distributed across the template, which can complicate complex validation and testing; debugging can be harder.

Comparison: Reactive forms (model-driven) define the form model in the component using FormGroup and FormControl, offering more explicit control, better testability, and easier dynamic form generation; templatedriven relies on the template and directives and is often preferred for small, straightforward forms.

Use cases: ideal for simple data capture, quick UI scaffolding, or teams preferring template-centric development. For complex validation, dynamic fields, or large-scale forms, reactive forms are frequently recommended. See also reactive forms and Angular.