mcpField
A
angular-resource

angular-resource

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

angular-resource について

angular-resourceは、Angular 19+のResource APIに関するガイドです。Signalsを使った非同期データの読み込みを扱い、基本的なloaderとrequestに応じた例を示します。

主な機能

  1. 01Angular 19+ Resource APIの実践
  2. 02非同期データの読み込み
  3. 03requestパラメーターによる読み込み
  4. 04Signalsを使ったリクエスト管理

活用シーン

  1. 01loaderで非同期データを取得
  2. 02IDの変更に応じたユーザーデータ読み込み

インストール

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

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

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

同梱ファイル

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

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

詳細

Angular Resource

バージョン： Angular 19+ (2025) タグ： リソース、非同期、シグナル

参照： Resource API

ベストプラクティス

  • 非同期データには resource を使用します
import { resource } from '@angular/core/rxjs-interop';

@Component({})
export class MyComponent {
  private http = inject(HttpClient);
  
  users = resource({
    loader: () => this.http.get<User[]>('/api/users').toPromise()
  });
}
  • request と併用します
id = signal<string>('');

user = resource({
  request: () => ({ id: this.id() }),
  loader: ({ request }) => this.http.getUser(request.id).toPromise()
});

コメント

Markdown 対応