Angular Forms

This is your reference guide for Angular's form handling, covering both reactive and template-driven approaches with Angular 21 specifics. It highlights the newer signal-based controls and typed forms while walking through practical patterns like FormBuilder usage, custom validators, and FormArray for dynamic fields. The examples are solid and show real validation scenarios, though it leans heavily toward reactive forms, which is fair since they're the better choice for anything beyond basic inputs. The code samples demonstrate nonNullable form controls and functional validators, both modern best practices. If you're building forms in Angular and want patterns that actually work instead of fumbling through the docs, this gets you there quickly.

skills.sh installs: 182
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-forms --agent claude-code

Installs into .claude/skills of the current project.

Files

@angular/forms

Version: Angular 21 (2025) Tags: Forms, Validation, Reactive Forms, Template-Driven

References: Reactive Forms • Template-Driven • API

API Changes

This section documents recent version-specific API changes.

NEW: Signal-based form controls — Angular 19+ signal integration for form controls
NEW: Functional validators — Prefer functional validators over class-based validators
NEW: AbstractControl.markAllAsTouched() — New method to mark all controls as touched
NEW: nonNullable option — Create non-nullable FormControls
NEW: Typed forms — Full TypeScript support for form groups and arrays
DEPRECATED: Class-based validators — Migrate to functional validators

Best Practices

Use Reactive Forms for complex forms — Better structure, validation, and testability

import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';

SKILL.md on GitHub

Details

Repository: github.com/oguzhan18/angular-ecosystem-skills
Category: Frontend Development
First seen: Jun 3, 2026