upstream-tanstack-query/docs/framework/angular/guides/parallel-queries.md

id, title, ref, replace

id	title	ref	replace
parallel-queries	Parallel Queries	docs/framework/react/guides/parallel-queries.md	If the number of queries you need to execute is changing from render to render, you cannot use manual querying since that would violate the rules of hooks. Instead, hook React hooks useQuery useInfiniteQuery useQueries function Angular functions injectQuery injectInfiniteQuery injectQueries

export class AppComponent {
  // The following queries will execute in parallel
  readonly usersQuery = injectQuery(() => ({
    queryKey: ['users'],
    queryFn: fetchUsers,
  }))
  readonly teamsQuery = injectQuery(() => ({
    queryKey: ['teams'],
    queryFn: fetchTeams,
  }))
  readonly projectsQuery = injectQuery(() => ({
    queryKey: ['projects'],
    queryFn: fetchProjects,
  }))
}

TanStack Query provides injectQueries, which you can use to dynamically execute as many queries in parallel as you'd like.

export class AppComponent {
  users = signal<Array<User>>([])

  // Please note injectQueries is under development and this code does not work yet
  readonly userQueries = injectQueries(() => ({
    queries: users().map((user) => {
      return {
        queryKey: ['user', user.id],
        queryFn: () => fetchUserById(user.id),
      }
    }),
  }))
}