From b180856b15309df91f47578783aa6fe7a7e2b02b Mon Sep 17 00:00:00 2001
From: Arnoud de Vries <6420061+arnoud-dv@users.noreply.github.com>
Date: Sun, 2 Feb 2025 19:11:28 +0100
Subject: [PATCH] docs(angular-query): improve queryOptions code snippets

---
 .../framework/angular/guides/query-options.md | 24 +++++++++++++++----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/docs/framework/angular/guides/query-options.md b/docs/framework/angular/guides/query-options.md
index feec58068b..d63753bbfc 100644
--- a/docs/framework/angular/guides/query-options.md
+++ b/docs/framework/angular/guides/query-options.md
@@ -31,14 +31,28 @@ export class QueriesService {
 
 // usage:
 
+postId = input.required({
+  transform: numberAttribute,
+})
 queries = inject(QueriesService)
 
-injectQuery(this.queries.post(1))
-injectQueries({
-  queries: [this.queries.post(1), this.queries.post(2)],
-})
+postQuery = injectQuery(() => this.queries.post(this.postId()))
+
 queryClient.prefetchQuery(this.queries.post(23))
-queryClient.setQueryData(this.queries.post(42).queryKey, newGroups)
+queryClient.setQueryData(this.queries.post(42).queryKey, newPost)
 ```
 
 [//]: # 'Example1'
+[//]: # 'Example2'
+
+```ts
+// Type inference still works, so query.data will be the return type of select instead of queryFn
+queries = inject(QueriesService)
+
+query = injectQuery(() => ({
+  ...groupOptions(1),
+  select: (data) => data.title,
+}))
+```
+
+[//]: # 'Example2'