mcpField
A
angular-signals-http

angular-signals-http

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

angular-signals-http について

Signals と HttpClient を組み合わせる Angular 開発者向けのリファレンススキルです。HTTP の Observable を signal に、signal を Observable に変換する方法を示します。

主な機能

  1. 01toSignal による HTTP Observable の変換
  2. 02toObservable による signal の変換

活用シーン

  1. 01HTTP レスポンスデータを signal として扱う
  2. 02Observable の API 経由で signal を利用する

インストール

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

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

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

同梱ファイル

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

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

詳細

Angular Signals + HttpClient

バージョン： Angular 16+（2025） タグ： Signals、HTTP、toSignal、toObservable

参考資料： toSignal

ベストプラクティス

  • HTTP には toSignal を使用します
import { toSignal } from '@angular/core/rxjs-interop';

@Component({})
export class MyComponent {
  private http = inject(HttpClient);
  
  users = toSignal(this.http.get<User[]>('/api/users'), {
    initialValue: []
  });
}
  • toObservable を使用します
import { toObservable, toSignal } from '@angular/core/rxjs-interop';

@Component({})
export class MyComponent {
  name = signal('John');
  name$ = toObservable(this.name);
}

コメント

Markdown 対応