{"_id":"@benjavicente/angular-query-experimental","_rev":"4-81c0891aecaddbf0e3ebfc46087c8316","name":"@benjavicente/angular-query-experimental","dist-tags":{"latest":"5.96.2"},"versions":{"5.95.2":{"name":"@benjavicente/angular-query-experimental","version":"5.95.2","keywords":["angular query","angular","cache","performance","reactive","rxjs","signals","state management","state","tanstack"],"author":{"name":"Arnoud de Vries"},"license":"MIT","_id":"@benjavicente/angular-query-experimental@5.95.2","maintainers":[{"name":"benjavicente","email":"bvicentegoecke@gmail.com"}],"homepage":"https://tanstack.com/query","bugs":{"url":"https://github.com/benjavicente/query/issues"},"dist":{"shasum":"5501ef96edf3fb02d86ea4d7257103c4e82adb0c","tarball":"https://registry.npmjs.org/@benjavicente/angular-query-experimental/-/angular-query-experimental-5.95.2.tgz","fileCount":61,"integrity":"sha512-amvzIRcdE/ofiAuoMn/ERYCB+cUC/Gox81M89WvmQYdQAW7nwNO7iKyCQQN11tBXPLeYdlSeMf9J5zuP/umulA==","signatures":[{"sig":"MEUCICCkKcD6BkfeZH5Kf1QDtTNxiwGUlgSfMqvvx77E+xnfAiEA9y9GkxTw82e+5BZo0kvSXvWDwAEVtTrNcbqMOUcqeGI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":144439},"type":"module","_from":"file:benjavicente-angular-query-experimental-5.95.2.tgz","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","default":"./index.mjs","@tanstack/custom-condition":"./src/index.ts"},"./server":{"types":"./server/index.d.ts","default":"./server/index.mjs","@tanstack/custom-condition":"./src/server/index.ts"},"./package.json":"./package.json"},"funding":{"url":"https://github.com/sponsors/tannerlinsley","type":"github"},"_npmUser":{"name":"benjavicente","email":"bvicentegoecke@gmail.com"},"_resolved":"/private/var/folders/xw/hc4rqcqx51bg7h5zc48w4jy80000gn/T/32204ce28546fdb5648023a7f11888bf/benjavicente-angular-query-experimental-5.95.2.tgz","_integrity":"sha512-amvzIRcdE/ofiAuoMn/ERYCB+cUC/Gox81M89WvmQYdQAW7nwNO7iKyCQQN11tBXPLeYdlSeMf9J5zuP/umulA==","repository":{"url":"git+https://github.com/benjavicente/query.git","type":"git","directory":"packages/angular-query-experimental"},"_npmVersion":"11.8.0","description":"Signals for managing, caching and syncing asynchronous and remote data in Angular","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"@tanstack/query-core":"5.95.2"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0","@angular/platform-server":">=19.0.0"},"peerDependenciesMeta":{"@angular/platform-server":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/angular-query-experimental_5.95.2_1774566178049_0.7646230587170082","host":"s3://npm-registry-packages-npm-production"}},"5.96.0":{"name":"@benjavicente/angular-query-experimental","version":"5.96.0","keywords":["angular query","angular","cache","performance","reactive","rxjs","signals","state management","state","tanstack"],"author":{"name":"Arnoud de Vries"},"license":"MIT","_id":"@benjavicente/angular-query-experimental@5.96.0","maintainers":[{"name":"benjavicente","email":"bvicentegoecke@gmail.com"}],"homepage":"https://tanstack.com/query","bugs":{"url":"https://github.com/TanStack/query/issues"},"dist":{"shasum":"894cd4bac52a2a3de00716aa3843f3c2de51e488","tarball":"https://registry.npmjs.org/@benjavicente/angular-query-experimental/-/angular-query-experimental-5.96.0.tgz","fileCount":52,"integrity":"sha512-tFsgvhpn1oDT1r4uZv518bYLPcytW2I1UvolSwaFAC9nC0Y6b1HzFGYIIqIMVNUSObC7Dijoe11iqRUNLxu8ZQ==","signatures":[{"sig":"MEYCIQDW7ZicZBQ+l8GQZbgWH6zq4kjkIUKX8EvNu8vuth2dKgIhAOY5EIqS++nvJoDSIxa9v1WQkmw9rdiptwvQmsLsnmsY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":138924},"type":"module","_from":"file:benjavicente-angular-query-experimental-5.96.0.tgz","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","default":"./index.mjs","@tanstack/custom-condition":"./src/index.ts"},"./package.json":"./package.json"},"funding":{"url":"https://github.com/sponsors/tannerlinsley","type":"github"},"_npmUser":{"name":"benjavicente","email":"bvicentegoecke@gmail.com"},"_resolved":"/private/var/folders/xw/hc4rqcqx51bg7h5zc48w4jy80000gn/T/23554a1acdecfc9d887f09ce249bee29/benjavicente-angular-query-experimental-5.96.0.tgz","_integrity":"sha512-tFsgvhpn1oDT1r4uZv518bYLPcytW2I1UvolSwaFAC9nC0Y6b1HzFGYIIqIMVNUSObC7Dijoe11iqRUNLxu8ZQ==","repository":{"url":"git+https://github.com/TanStack/query.git","type":"git","directory":"packages/angular-query-experimental"},"_npmVersion":"11.8.0","description":"Signals for managing, caching and syncing asynchronous and remote data in Angular","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"@tanstack/query-core":"5.96.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0","@angular/platform-server":">=19.0.0"},"peerDependenciesMeta":{"@angular/platform-server":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/angular-query-experimental_5.96.0_1774974304732_0.004560627910760395","host":"s3://npm-registry-packages-npm-production"}},"5.96.1":{"name":"@benjavicente/angular-query-experimental","version":"5.96.1","keywords":["angular query","angular","cache","performance","reactive","rxjs","signals","state management","state","tanstack"],"author":{"name":"Arnoud de Vries"},"license":"MIT","_id":"@benjavicente/angular-query-experimental@5.96.1","maintainers":[{"name":"benjavicente","email":"bvicentegoecke@gmail.com"}],"homepage":"https://tanstack.com/query","bugs":{"url":"https://github.com/TanStack/query/issues"},"dist":{"shasum":"d9bb5f3442405c6ff3a6c638db03f4cd8de15289","tarball":"https://registry.npmjs.org/@benjavicente/angular-query-experimental/-/angular-query-experimental-5.96.1.tgz","fileCount":52,"integrity":"sha512-IJGpHdrSkKa3Dq+e6vwXwK+Tk/vkDYC0SS36lyimvN35av9m007I4ieSwiwhbCsrU/4UECLtncODrQJEgybU8w==","signatures":[{"sig":"MEYCIQCRV/EnNgQSAP8s7sNHAFRtIB/QJb4zWA6srRWT6IZrGwIhANaew2b3AsBDMFhcIq8E4ZiypsYiBN6+7dQPkivMpbRR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":138924},"type":"module","_from":"file:benjavicente-angular-query-experimental-5.96.1.tgz","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","default":"./index.mjs","@tanstack/custom-condition":"./src/index.ts"},"./package.json":"./package.json"},"funding":{"url":"https://github.com/sponsors/tannerlinsley","type":"github"},"_npmUser":{"name":"benjavicente","email":"bvicentegoecke@gmail.com"},"_resolved":"/private/var/folders/xw/hc4rqcqx51bg7h5zc48w4jy80000gn/T/41c4ac0f57232c5f52ee7b627afcb191/benjavicente-angular-query-experimental-5.96.1.tgz","_integrity":"sha512-IJGpHdrSkKa3Dq+e6vwXwK+Tk/vkDYC0SS36lyimvN35av9m007I4ieSwiwhbCsrU/4UECLtncODrQJEgybU8w==","repository":{"url":"git+https://github.com/TanStack/query.git","type":"git","directory":"packages/angular-query-experimental"},"_npmVersion":"11.8.0","description":"Signals for managing, caching and syncing asynchronous and remote data in Angular","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"@tanstack/query-core":"5.96.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0","@angular/platform-server":">=19.0.0"},"peerDependenciesMeta":{"@angular/platform-server":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/angular-query-experimental_5.96.1_1775007705772_0.6318906135550988","host":"s3://npm-registry-packages-npm-production"}},"5.96.2":{"name":"@benjavicente/angular-query-experimental","version":"5.96.2","description":"Signals for managing, caching and syncing asynchronous and remote data in Angular","author":{"name":"Arnoud de Vries"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/TanStack/query.git","directory":"packages/angular-query-experimental"},"homepage":"https://tanstack.com/query","funding":{"type":"github","url":"https://github.com/sponsors/tannerlinsley"},"keywords":["angular query","angular","cache","performance","reactive","rxjs","signals","state management","state","tanstack"],"type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"@tanstack/custom-condition":"./src/index.ts","types":"./index.d.ts","default":"./index.mjs"},"./package.json":"./package.json"},"sideEffects":false,"dependencies":{"@tanstack/query-core":"5.96.0"},"peerDependencies":{"@angular/common":">=19.0.0","@angular/core":">=19.0.0","@angular/platform-server":">=19.0.0"},"peerDependenciesMeta":{"@angular/platform-server":{"optional":true}},"_id":"@benjavicente/angular-query-experimental@5.96.2","bugs":{"url":"https://github.com/TanStack/query/issues"},"_integrity":"sha512-wEZpMoHc6cpIkeXSxlWaRDFN+ppNIFO5aKCXV0ANlSMJJBiLhPZO67QJGIcJX8mS1UH8UIphe50C8Ozh1rhsNA==","_resolved":"/private/var/folders/xw/hc4rqcqx51bg7h5zc48w4jy80000gn/T/f19b17f0c289827ecf332161ba1e349a/benjavicente-angular-query-experimental-5.96.2.tgz","_from":"file:benjavicente-angular-query-experimental-5.96.2.tgz","_nodeVersion":"24.13.1","_npmVersion":"11.8.0","dist":{"integrity":"sha512-wEZpMoHc6cpIkeXSxlWaRDFN+ppNIFO5aKCXV0ANlSMJJBiLhPZO67QJGIcJX8mS1UH8UIphe50C8Ozh1rhsNA==","shasum":"79e4adcbdca28f561acd00a0c01de84fdb7828f8","tarball":"https://registry.npmjs.org/@benjavicente/angular-query-experimental/-/angular-query-experimental-5.96.2.tgz","fileCount":53,"unpackedSize":169275,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCYAHLT18LE065xK/0W8mqDdw30Z68LnVFYDptl+2HRagIhAN5GTpgy0+5Ie5PrYr+vacSAk9cKy7db/tdD8nAzjRyG"}]},"_npmUser":{"name":"benjavicente","email":"bvicentegoecke@gmail.com"},"directories":{},"maintainers":[{"name":"benjavicente","email":"bvicentegoecke@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/angular-query-experimental_5.96.2_1775431383347_0.5081008441701726"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-26T23:02:57.937Z","modified":"2026-04-05T23:23:03.625Z","5.95.2":"2026-03-26T23:02:58.219Z","5.96.0":"2026-03-31T16:25:04.880Z","5.96.1":"2026-04-01T01:41:45.954Z","5.96.2":"2026-04-05T23:23:03.512Z"},"bugs":{"url":"https://github.com/TanStack/query/issues"},"author":{"name":"Arnoud de Vries"},"license":"MIT","homepage":"https://tanstack.com/query","keywords":["angular query","angular","cache","performance","reactive","rxjs","signals","state management","state","tanstack"],"repository":{"type":"git","url":"git+https://github.com/TanStack/query.git","directory":"packages/angular-query-experimental"},"description":"Signals for managing, caching and syncing asynchronous and remote data in Angular","maintainers":[{"name":"benjavicente","email":"bvicentegoecke@gmail.com"}],"readme":"![TanStack Query Header](https://github.com/TanStack/query/raw/main/media/repo-header.png)\n\n[![npm version](https://img.shields.io/npm/v/@tanstack/angular-query-experimental)](https://www.npmjs.com/package/@tanstack/angular-query-experimental)\n[![npm license](https://img.shields.io/npm/l/@tanstack/angular-query-experimental)](https://github.com/TanStack/query/blob/main/LICENSE)\n[![bundle size](https://img.shields.io/bundlephobia/minzip/@tanstack/angular-query-experimental)](https://bundlephobia.com/package/@tanstack/angular-query-experimental)\n[![npm](https://img.shields.io/npm/dm/@tanstack/angular-query-experimental)](https://www.npmjs.com/package/@tanstack/angular-query-experimental)\n\n# Angular Query\n\n> IMPORTANT: This library is currently in an experimental stage. This means that breaking changes may happen in minor AND patch releases. Upgrade carefully. If you use this in production while in experimental stage, please lock your version to a patch-level version to avoid unexpected breaking changes.\n\nFunctions for fetching, caching and updating asynchronous data in Angular\n\n# Documentation\n\nVisit https://tanstack.com/query/latest/docs/framework/angular/overview\n\n## Quick Features\n\n- Transport/protocol/backend agnostic data fetching (REST, GraphQL, promises, whatever!)\n- Auto Caching + Refetching (stale-while-revalidate, Window Refocus, Polling/Realtime)\n- Parallel + Dependent Queries\n- Mutations + Reactive Query Refetching\n- Multi-layer Cache + Automatic Garbage Collection\n- Paginated + Cursor-based Queries\n- Load-More + Infinite Scroll Queries w/ Scroll Recovery\n- Request Cancellation\n- Dedicated Devtools (see the [Angular Devtools guide](https://tanstack.com/query/latest/docs/framework/angular/devtools))\n- Built-in SSR dehydration and client hydration when using `provideTanStackQuery` (see the [SSR guide](https://tanstack.com/query/latest/docs/framework/angular/guides/ssr))\n\n# Quick Start\n\n> The Angular adapter for TanStack Query requires Angular 19 or higher.\n\n1. Install `angular-query`\n\n```bash\n$ npm i @tanstack/angular-query-experimental\n```\n\nor\n\n```bash\n$ pnpm add @tanstack/angular-query-experimental\n```\n\nor\n\n```bash\n$ yarn add @tanstack/angular-query-experimental\n```\n\nor\n\n```bash\n$ bun add @tanstack/angular-query-experimental\n```\n\n2. Initialize **TanStack Query** by adding **provideTanStackQuery** to your application\n\n```ts\nimport { provideTanStackQuery } from '@tanstack/angular-query-experimental'\nimport { QueryClient } from '@tanstack/angular-query-experimental'\n\nbootstrapApplication(AppComponent, {\n  providers: [provideTanStackQuery(new QueryClient())],\n})\n```\n\n`provideTanStackQuery` returns a single [`EnvironmentProviders`](https://angular.dev/api/core/EnvironmentProviders) value for **application / environment** config — not for [`@Component({ providers })`](https://angular.dev/api/core/Component#providers).\n\nor in a NgModule-based app\n\n```ts\nimport { provideHttpClient } from '@angular/common/http'\nimport {\n  provideTanStackQuery,\n  QueryClient,\n} from '@tanstack/angular-query-experimental'\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule],\n  providers: [provideTanStackQuery(new QueryClient()), provideHttpClient()],\n  bootstrap: [AppComponent],\n})\nexport class AppModule {}\n```\n\n3. Inject query\n\n```ts\nimport { injectQuery } from '@tanstack/angular-query-experimental'\nimport { Component } from '@angular/core'\n\n@Component({...})\nexport class TodosComponent {\n  info = injectQuery(() => ({ queryKey: ['todos'], queryFn: fetchTodoList }))\n}\n```\n\n4. If you need to update options on your query dynamically, make sure to pass them as signals. The query will refetch automatically if data for an updated query key is stale or not present.\n\n[Open in StackBlitz](https://stackblitz.com/github/TanStack/query/tree/main/examples/angular/router)\n\n```ts\n@Component({})\nexport class PostComponent {\n  #postsService = inject(PostsService)\n  postId = input.required({\n    transform: numberAttribute,\n  })\n\n  postQuery = injectQuery(() => ({\n    queryKey: ['post', this.postId()],\n    queryFn: () => {\n      return lastValueFrom(this.#postsService.postById$(this.postId()))\n    },\n  }))\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PostsService {\n  #http = inject(HttpClient)\n\n  postById$ = (postId: number) =>\n    this.#http.get<Post>(`https://jsonplaceholder.typicode.com/posts/${postId}`)\n}\n\nexport interface Post {\n  id: number\n  title: string\n  body: string\n}\n```\n\n<!-- -->\n","readmeFilename":"README.md"}