search

TanStack / query

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
https://tanstack.com/query
MIT License
42.72k stars 2.93k forks source link

docs(angular-query): add pagination example #8124

Closed arnoud-dv closed 1 month ago

nx-cloud[bot] commented 1 month ago

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 5f9d1f6c93873bc90bb1206d44c93c11e42898ed. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

✅ Successfully ran 2 targets - [`nx affected --targets=test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build --parallel=3`](https://cloud.nx.app/runs/L39kabQpNT?utm_source=pull-request&utm_medium=comment) - [`nx run-many --target=build --exclude=examples/** --exclude=integrations/**`](https://cloud.nx.app/runs/F95snxhtJy?utm_source=pull-request&utm_medium=comment)

Sent with 💌 from NxCloud.

pkg-pr-new[bot] commented 1 month ago

Open in Stackblitz

More templates

- [@tanstack/query-example-angular-basic](https://pkg.pr.new/template/33859f72-b84d-499e-86a0-ec7d04edb4c0) - [@tanstack/query-example-angular-infinite-query-with-max-pages](https://pkg.pr.new/template/2fc141d5-e0ec-497d-93ef-60c8fcc8af93) - [@tanstack/query-example-angular-pagination](https://pkg.pr.new/template/12d8a968-5c6e-4f1a-bb64-c45f628994ee) - [@tanstack/query-example-angular-router](https://pkg.pr.new/template/049d64da-9646-4d9f-868e-42d3cde6b3c2) - [@tanstack/query-example-angular-rxjs](https://pkg.pr.new/template/6ff22450-3fda-4850-8c1f-5ffa6780dd50) - [@tanstack/query-example-angular-simple](https://pkg.pr.new/template/90f5b61a-159f-4b44-8051-50cf0da70670) - [@tanstack/query-example-solid-astro](https://pkg.pr.new/template/0cf9fe3b-8e5c-4852-9af8-9168feb2dfb1) - [@tanstack/query-example-solid-basic](https://pkg.pr.new/template/6b321388-d223-4250-b48f-b9f2dd4cbe4d) - [@tanstack/query-example-solid-basic-graphql-request](https://pkg.pr.new/template/d0fb479e-fadd-4252-a04e-4afa63931ef4) - [@tanstack/query-example-solid-default-query-function](https://pkg.pr.new/template/98a12e20-af96-4f61-a229-eccba5bbb429) - [@tanstack/query-example-solid-simple](https://pkg.pr.new/template/1fcb663c-c1b4-48e7-82c6-b77a80dee9de) - [@tanstack/query-example-solid-start-streaming](https://pkg.pr.new/template/74c08ae6-6995-48c9-8a2b-d756ff78be7a) - [@tanstack/query-example-svelte-auto-refetching](https://pkg.pr.new/template/055d7f5f-7d79-4951-937c-1ab8a23b725c) - [@tanstack/query-example-svelte-basic](https://pkg.pr.new/template/20125c5a-98f4-4963-9bb5-345daf7f2166) - [@tanstack/query-example-svelte-load-more-infinite-scroll](https://pkg.pr.new/template/0cde805a-fa9f-4bed-ba5f-8b234d563818) - [@tanstack/query-example-svelte-optimistic-updates](https://pkg.pr.new/template/76b94688-a737-41a0-a56d-5f8bb6e694f7) - [@tanstack/query-example-svelte-playground](https://pkg.pr.new/template/225d2483-680d-4649-a8ef-d419f7ed472a) - [@tanstack/query-example-svelte-simple](https://pkg.pr.new/template/2c890bc3-c63d-45ce-86b0-1f59c37098ae) - [@tanstack/query-example-svelte-ssr](https://pkg.pr.new/template/7f75030a-2260-4147-9806-fe8e2cea6633) - [@tanstack/query-example-svelte-star-wars](https://pkg.pr.new/template/daec9459-3b6d-469b-835a-ddc2865c4aee) - [@tanstack/query-example-vue-2.6-basic](https://pkg.pr.new/template/eaaeddfa-0faf-4904-9a98-1bbf7fd8b827) - [@tanstack/query-example-vue-2.7-basic](https://pkg.pr.new/template/49a0c51b-4f8b-419e-bb26-93657fb3c632) - [@tanstack/query-example-vue-basic](https://pkg.pr.new/template/e950d19f-a967-4804-bad0-4f3d8d9a13bb) - [@tanstack/query-example-vue-dependent-queries](https://pkg.pr.new/template/c71ce065-c276-4280-b08b-0b0e9aaefd17) - [@tanstack/query-example-vue-nuxt3](https://pkg.pr.new/template/eebc30b6-7608-462e-b2e7-1b58b3ffeb1d) - [@tanstack/query-example-vue-persister](https://pkg.pr.new/template/d97cd474-eca0-47b5-887c-2d41b306b58e) - [@tanstack/query-example-vue-simple](https://pkg.pr.new/template/81ae9e5b-e88c-4401-bccc-a12e8a95cf77) - [@tanstack/query-example-react-algolia](https://pkg.pr.new/template/a60e3cf7-cf28-4145-9d40-1f1f34155c4e) - [@tanstack/query-example-react-auto-refetching](https://pkg.pr.new/template/4ba570ba-f375-49ec-849d-1a14fb770be6) - [@tanstack/query-example-react-basic](https://pkg.pr.new/template/e5d65f49-d9de-431e-a9d2-b35932b5dec1) - [@tanstack/query-example-react-basic-graphql-request](https://pkg.pr.new/template/e14f26dd-7f18-4894-a3d5-cc6ff26509ef) - [@tanstack/query-example-react-default-query-function](https://pkg.pr.new/template/0301a808-5720-4878-833f-1fee137af6f5) - [@tanstack/query-example-react-devtools-panel](https://pkg.pr.new/template/d1ead447-cd2d-48aa-9121-d2485ec46407) - [@tanstack/query-example-react-infinite-query-with-max-pages](https://pkg.pr.new/template/c79d663a-86bf-428c-af3a-2d33972fc977) - [@tanstack/query-example-react-load-more-infinite-scroll](https://pkg.pr.new/template/edb56646-21b7-41ae-81b1-db364eb6ff65) - [@tanstack/query-example-react-nextjs](https://pkg.pr.new/template/9fd00218-8dc4-4e1b-8c9f-43630b284e31) - [@tanstack/query-example-nextjs-suspense-streaming](https://pkg.pr.new/template/66e6cc1d-eccc-47a4-bf79-95a3a8e717b0) - [@tanstack/query-example-react-nextjs-app-prefetching](https://pkg.pr.new/template/4a27d592-3762-4f31-91b5-63ffad1b5eff) - [@tanstack/query-example-react-optimistic-updates-cache](https://pkg.pr.new/template/1a55a92d-fef8-40bb-a9c1-d69f44bf229c) - [@tanstack/query-example-react-offline](https://pkg.pr.new/template/6bd9cbdb-a498-4408-a5d1-12a3a1a266f3) - [@tanstack/query-example-react-pagination](https://pkg.pr.new/template/64cfbd9a-3d43-4336-a1b3-9c91d76456bc) - [@tanstack/query-example-react-optimistic-updates-ui](https://pkg.pr.new/template/0774e283-27bd-49fa-bc09-26ae514ee983) - [@tanstack/query-example-react-prefetching](https://pkg.pr.new/template/c36ac739-79f3-4efd-bcf7-d6630278e5e6) - [@tanstack/query-example-react-playground](https://pkg.pr.new/template/32789657-3e1b-42f9-9342-186056b32dd7) - [@tanstack/query-example-react-router](https://pkg.pr.new/template/916672f1-ff0c-4414-9df1-30478a6c5ffc) - [@tanstack/query-example-react-react-native](https://pkg.pr.new/template/79e345f3-3cec-41b1-b7d1-2e404e1f2ea7) - [@tanstack/query-example-react-shadow-dom](https://pkg.pr.new/template/a762efa5-7824-4a00-86c0-e549ac619c50) - [@tanstack/query-example-react-rick-morty](https://pkg.pr.new/template/ed6c5969-ba38-449e-ad32-7c023457ca79) - [@tanstack/query-example-react-star-wars](https://pkg.pr.new/template/867963ce-1519-40ce-afef-c5008b879bfc) - [@tanstack/query-example-react-simple](https://pkg.pr.new/template/83bc769e-b9f7-4383-b631-0940fda25c52) - [@tanstack/query-example-react-suspense](https://pkg.pr.new/template/fa9a573c-a685-44ab-84c3-c104afc708fe)

@tanstack/angular-query-experimental

``` pnpm add https://pkg.pr.new/@tanstack/angular-query-experimental@8124 ```

@tanstack/angular-query-devtools-experimental

``` pnpm add https://pkg.pr.new/@tanstack/angular-query-devtools-experimental@8124 ```

@tanstack/eslint-plugin-query

``` pnpm add https://pkg.pr.new/@tanstack/eslint-plugin-query@8124 ```

@tanstack/query-async-storage-persister

``` pnpm add https://pkg.pr.new/@tanstack/query-async-storage-persister@8124 ```

@tanstack/query-broadcast-client-experimental

``` pnpm add https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@8124 ```

@tanstack/query-core

``` pnpm add https://pkg.pr.new/@tanstack/query-core@8124 ```

@tanstack/query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/query-devtools@8124 ```

@tanstack/query-persist-client-core

``` pnpm add https://pkg.pr.new/@tanstack/query-persist-client-core@8124 ```

@tanstack/query-sync-storage-persister

``` pnpm add https://pkg.pr.new/@tanstack/query-sync-storage-persister@8124 ```

@tanstack/react-query

``` pnpm add https://pkg.pr.new/@tanstack/react-query@8124 ```

@tanstack/react-query-next-experimental

``` pnpm add https://pkg.pr.new/@tanstack/react-query-next-experimental@8124 ```

@tanstack/react-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/react-query-devtools@8124 ```

@tanstack/react-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/react-query-persist-client@8124 ```

@tanstack/solid-query

``` pnpm add https://pkg.pr.new/@tanstack/solid-query@8124 ```

@tanstack/solid-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/solid-query-devtools@8124 ```

@tanstack/solid-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/solid-query-persist-client@8124 ```

@tanstack/svelte-query

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query@8124 ```

@tanstack/svelte-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query-devtools@8124 ```

@tanstack/svelte-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query-persist-client@8124 ```

@tanstack/vue-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/vue-query-devtools@8124 ```

@tanstack/vue-query

``` pnpm add https://pkg.pr.new/@tanstack/vue-query@8124 ```

commit: 5f9d1f6