oguzhan18 Angular Resource
Version: Angular 19+ (2025) Tags: Resource, Async, Signals
References: Resource API
Best Practices
- Use resource for async data
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
id = signal<string>('');
user = resource({
request: () => ({ id: this.id() }),
loader: ({ request }) => this.http.getUser(request.id).toPromise()
});