# Angular Signals Forms

> ALWAYS use when working with Angular Signal Forms, reactive forms with signals, FormControl with signals, or new forms API in Angular.

- Skill: `oguzhan18/angular-signals-forms` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add oguzhan18/angular-signals-forms`
- Raw SKILL.md: https://api.skillmd.com/api/skills/oguzhan18/angular-signals-forms/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: oguzhan18 (https://skillmd.com/u/oguzhan18)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/oguzhan18/angular-signals-forms

---


# Angular Signal Forms

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

**References:** [Signal Forms](https://angular.dev/guide/forms/signal-forms)

## Best Practices

- Use signal-based FormControl

```ts
import { signal } from '@angular/forms';

@Component({})
export class MyComponent {
  name = signal('');
  
  updateName(value: string) {
    this.name.set(value);
  }
}
```

- Use withValidators

```ts
email = signal('', {
  validators: [Validators.required, Validators.email]
});
```

- Use withAsyncValidators

```ts
username = signal('', {
  asyncValidators: [uniqueUsernameValidator]
});
```