mcpField
A
angular-signals-forms

angular-signals-forms

github.com/oguzhan18開発7178 回インストール31 週間前に更新
リポジトリ

angular-signals-forms について

Angular 開発者向けに、シグナルベースのフォーム API を使う方法をまとめたリファレンススキルです。シグナルによるコントロールと、同期・非同期バリデーションを扱います。

主な機能

  1. 01シグナルベースのフォームコントロール
  2. 02同期バリデーター
  3. 03非同期バリデーター

活用シーン

  1. 01フォーム項目のシグナル化
  2. 02必須項目とメール形式の検証
  3. 03ユーザー名の非同期確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-signals-forms

インストール後、Claude Code で/angular-signals-formsを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/discussions/
_INDEX.md
references/docs/
_INDEX.md
references/issues/
_INDEX.md
references/releases/
_INDEX.md

詳細

Angular Signal Forms

バージョン： Angular 19+（2025） タグ： Signal Forms、Reactive Forms、Signals

参考資料： Signal Forms

ベストプラクティス

  • シグナルベースの FormControl を使用します
import { signal } from '@angular/forms';

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

コメント

Markdown 対応