Angular Query

This brings TanStack Query's server state management to Angular with a signals-based API that's native to Angular's reactivity model. Use it when you're tired of manually managing loading states, caching, and refetching logic for API calls. The injectQuery and injectMutation functions replace the old Observable patterns with signal primitives that work cleanly in templates. Version 5 is still experimental but the API is solid: query options for reusable configs, built-in DevTools, and optimistic updates that actually feel ergonomic. If you're building data-heavy Angular apps and want declarative data fetching that doesn't fight the framework, this is the right tool.

skills.sh installs: 160
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-query --agent claude-code

Installs into .claude/skills of the current project.

Files

@tanstack/angular-query-experimental

Version: 5.x (2025) Tags: Data Fetching, Server State, Caching, TanStack Query

References: Docs • GitHub • npm

API Changes

This section documents version-specific API changes.

NEW: Angular Query v5 — Signal-based API for TanStack Query source
NEW: injectQuery — Signal-based query injection
NEW: injectMutation — Signal-based mutation injection
NEW: Query options pattern — Service-based query configuration
NEW: DevTools integration — Angular Query DevTools for debugging

Best Practices

Install and setup

npm install @tanstack/angular-query-experimental

import { provideHttpClient } from '@angular/common/http';
import { provideTanStackQuery } from '@tanstack/angular-query-experimental';
import { QueryClient } from '@tanstack/query-core';

SKILL.md on GitHub