docs(angular-query): angular example improvements

docs/config.json

@@ -959,8 +959,8 @@
               "to": "framework/angular/examples/infinite-query-with-max-pages"
             },
             {
-              "label": "Default Query Function",
-              "to": "framework/angular/examples/default-query-function"
+              "label": "Angular Router",
+              "to": "framework/angular/examples/router"
             }
           ]
         }

examples/angular/infinite-query-with-max-pages/src/app/components/example.component.ts

@@ -22,7 +22,7 @@ export class ExampleComponent {
 
   query = injectInfiniteQuery(() => ({
     queryKey: ['projects'],
-    queryFn: async ({ pageParam }) => {
+    queryFn: ({ pageParam }) => {
       return lastValueFrom(this.projectsService.getProjects(pageParam))
     },
     initialPageParam: 0,

examples/angular/router/angular.json

@@ -2,7 +2,8 @@
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "cli": {
-    "packageManager": "pnpm"
+    "packageManager": "pnpm",
+    "analytics": false
   },
   "newProjectRoot": "projects",
   "projects": {

examples/angular/router/src/app/components/post.component.ts

@@ -1,10 +1,9 @@
 import {
   ChangeDetectionStrategy,
   Component,
-  EventEmitter,
-  Output,
   inject,
   input,
+  numberAttribute,
 } from '@angular/core'
 import { RouterLink } from '@angular/router'
 import {
@@ -23,15 +22,16 @@ import { PostsService } from '../services/posts-service'
 })
 export default class PostComponent {
   #postsService = inject(PostsService)
+  queryClient = injectQueryClient()
 
-  postId = input<number, string>(0, {
-    transform: (value: string) => Number(value),
+  postId = input(0, {
+    transform: numberAttribute,
   })
 
   postQuery = injectQuery(() => ({
     enabled: this.postId() > 0,
     queryKey: ['post', this.postId()],
-    queryFn: async () => {
+    queryFn: () => {
       return lastValueFrom(this.#postsService.postById$(this.postId()))
     },
   }))

examples/angular/simple/README.md

@@ -1,4 +1,4 @@
-# Simple example
+# Angular Query simple example
 
 To run this example:
 

examples/angular/simple/angular.json

@@ -2,7 +2,8 @@
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "cli": {
-    "packageManager": "pnpm"
+    "packageManager": "pnpm",
+    "analytics": false
   },
   "newProjectRoot": "projects",
   "projects": {

examples/angular/simple/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "simple",
-  "version": "0.0.0",
+  "name": "@tanstack/query-example-angular-simple",
+  "type": "module",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",