What problem does it solve?
Building and maintaining complex form UIs in Angular often requires a lot of boilerplate and manual state synchronization; signal-based forms centralize model state and reduce repetitive wiring while enabling reactive validation and field state tracking for more predictable form behavior.
Core Features & Use Cases
- Automatic two-way binding between the model signal and form fields for clear single-source-of-truth form state.
- Schema-based validation including sync, async, cross-field checks, and conditional validators to cover common and advanced validation needs.
- Field state management & dynamic forms with signals for touched/dirty/pending states, arrays for repeatable items, and conditional/hidden/readonly fields for multi-step or context-sensitive forms.
- Use Case: Implement a login or checkout flow with required and async-checked fields, dynamic item lists, and a submit handler that marks fields touched and processes only valid models.
Quick Start
Create a signal-based login form with email and password fields, required and email validators, and submit handling using the Signal Forms API.