# Angular Resource

> ALWAYS use when working with Angular Resource, Angular 19 resource API, or new async data loading with signals.

- Skill: `oguzhan18/angular-resource` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add oguzhan18/angular-resource`
- Raw SKILL.md: https://api.skillmd.com/api/skills/oguzhan18/angular-resource/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: oguzhan18 (https://skillmd.com/u/oguzhan18)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/oguzhan18/angular-resource

---


# Angular Resource

**Version:** Angular 19+ (2025)
**Tags:** Resource, Async, Signals

**References:** [Resource API](https://angular.dev/guide/signals/resource)

## Best Practices

- Use resource for async data

```ts
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()
  });
}
```

- Use with request

```ts
id = signal<string>('');

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