mcpField
A
angular-resource

angular-resource

github.com/oguzhan18开发7178 次安装31 周前更新
代码仓库

关于 angular-resource

angular-resource 是面向 Angular 19+ Resource API 的异步数据使用指南，供 Angular 开发者结合 Signals 加载数据。示例涵盖基础 loader 和由 request 驱动的加载。

主要功能

  1. 01Angular 19+ Resource API 实践
  2. 02异步数据加载
  3. 03使用 request 参数加载
  4. 04结合 Signals 管理请求

适用场景

  1. 01通过 loader 获取异步数据
  2. 02根据 ID 变化加载用户信息

安装

复制下面的命令，在终端中运行。

$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、异步、Signals

参考： 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