snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

docs/framework/angular/guides/query-options.md

@@ -0,0 +1,58 @@
+---
+id: query-options
+title: Query Options
+ref: docs/framework/react/guides/query-options.md
+---
+
+[//]: # 'Example1'
+
+```ts
+import { queryOptions, noop } from '@tanstack/angular-query-experimental'
+
+@Injectable({
+  providedIn: 'root',
+})
+export class QueriesService {
+  private readonly http = inject(HttpClient)
+
+  post(postId: number) {
+    return queryOptions({
+      queryKey: ['post', postId],
+      queryFn: () => {
+        return lastValueFrom(
+          this.http.get<Post>(
+            `https://jsonplaceholder.typicode.com/posts/${postId}`,
+          ),
+        )
+      },
+    })
+  }
+}
+
+// usage:
+
+postId = input.required({
+  transform: numberAttribute,
+})
+queries = inject(QueriesService)
+
+postQuery = injectQuery(() => this.queries.post(this.postId()))
+
+queryClient.query(this.queries.post(23)).catch(noop)
+queryClient.setQueryData(this.queries.post(42).queryKey, newPost)
+```
+
+[//]: # 'Example1'
+[//]: # 'Example2'
+
+```ts
+// Type inference still works, so groupQuery.data will be the return type of select instead of queryFn
+queries = inject(QueriesService)
+
+groupQuery = injectQuery(() => ({
+  ...groupOptions(1),
+  select: (data) => data.title,
+}))
+```
+
+[//]: # 'Example2'