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. 01用 toSignal 转换 HTTP Observable
  2. 02用 toObservable 转换 signal

适用场景

  1. 01将 HTTP 响应数据作为 signal 使用
  2. 02通过 Observable 接口使用 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

最佳实践

  • 使用 toSignal 处理 HTTP
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