angular-signals-forms logo

angular-signals-forms

angular signals forms

SKILL.md

Full skill instructions

Angular Signal Forms

Version: Angular 19+ (2025) Tags: Signal Forms, Reactive Forms, Signals

References: Signal Forms

Best Practices

  • Use signal-based FormControl
import { signal } from '@angular/forms';

@Component({})
export class MyComponent {
  name = signal('');
  
  updateName(value: string) {
    this.name.set(value);
  }
}
  • Use withValidators
email = signal('', {
  validators: [Validators.required, Validators.email]
});
  • Use withAsyncValidators
username = signal('', {
  asyncValidators: [uniqueUsernameValidator]
});