diff --git a/examples/angular/auto-refetching/src/app/components/auto-refetching.component.html b/examples/angular/auto-refetching/src/app/components/auto-refetching.component.html
index f0359aae9bc..49b60cb75c3 100644
--- a/examples/angular/auto-refetching/src/app/components/auto-refetching.component.html
+++ b/examples/angular/auto-refetching/src/app/components/auto-refetching.component.html
@@ -14,8 +14,8 @@
Posts
- @if (postsQuery.isPending()) {
+ @if (postsQuery.isPending) {
Loading...
- } @else if (postsQuery.isError()) {
- Error: {{ postsQuery.error().message }}
- } @else if (postsQuery.isSuccess()) {
+ } @else if (postsQuery.isError) {
+ Error: {{ postsQuery.error.message }}
+ } @else if (postsQuery.isSuccess) {
- @for (post of postsQuery.data(); track post.id) {
+ @for (post of postsQuery.data; track post.id) {
@@ -28,7 +28,7 @@
Posts
}
- @if (postsQuery.isFetching()) {
+ @if (postsQuery.isFetching) {
Background Updating...
}
diff --git a/examples/angular/basic/src/app/components/post.component.html b/examples/angular/basic/src/app/components/post.component.html
index 34b36e94fcc..4808d5b4a5c 100644
--- a/examples/angular/basic/src/app/components/post.component.html
+++ b/examples/angular/basic/src/app/components/post.component.html
@@ -2,17 +2,17 @@
- @if (postQuery.isPending()) {
+ @if (postQuery.isPending) {
Loading...
- } @else if (postQuery.isError()) {
- Error: {{ postQuery.error().message }}
+ } @else if (postQuery.isError) {
+ Error: {{ postQuery.error.message }}
}
- @if (postQuery.data(); as post) {
+ @if (postQuery.data; as post) {
{{ post.title }}
- @if (postQuery.isFetching()) {
+ @if (postQuery.isFetching) {
Background Updating...
}
}
diff --git a/examples/angular/basic/src/app/components/posts.component.html b/examples/angular/basic/src/app/components/posts.component.html
index 92ba06ad498..d2e53d618fa 100644
--- a/examples/angular/basic/src/app/components/posts.component.html
+++ b/examples/angular/basic/src/app/components/posts.component.html
@@ -1,12 +1,12 @@
Posts
- @if (postsQuery.isPending()) {
+ @if (postsQuery.isPending) {
Loading...
- } @else if (postsQuery.isError()) {
- Error: {{ postsQuery.error().message }}
- } @else if (postsQuery.isSuccess()) {
+ } @else if (postsQuery.isError) {
+ Error: {{ postsQuery.error.message }}
+ } @else if (postsQuery.isSuccess) {
- @for (post of postsQuery.data(); track post.id) {
+ @for (post of postsQuery.data; track post.id) {
@@ -28,7 +28,7 @@
Posts
}
- @if (postsQuery.isFetching()) {
+ @if (postsQuery.isFetching) {
Background Updating...
}
diff --git a/examples/angular/devtools-panel/src/app/components/example-query.component.ts b/examples/angular/devtools-panel/src/app/components/example-query.component.ts
index 1537167a948..b7a9d3e2cec 100644
--- a/examples/angular/devtools-panel/src/app/components/example-query.component.ts
+++ b/examples/angular/devtools-panel/src/app/components/example-query.component.ts
@@ -16,14 +16,14 @@ interface Response {
selector: 'example-query',
template: `
- @if (query.isPending()) {
+ @if (query.isPending) {
Loading...
}
- @if (query.isError()) {
-
An error has occurred: {{ query.error().message }}
+ @if (query.isError) {
+
An error has occurred: {{ query.error.message }}
}
- @if (query.isSuccess()) {
- @let data = query.data();
+ @if (query.isSuccess) {
+ @let data = query.data;
{{ data.name }}
{{ data.description }}
👀 {{ data.subscribers_count }}
diff --git a/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.html b/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.html
index 7afc85afe27..61c12633704 100644
--- a/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.html
+++ b/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.html
@@ -2,10 +2,10 @@
Infinite Query with max pages
4 projects per page
3 pages max
- @if (query.isPending()) {
+ @if (query.isPending) {
Loading...
- } @else if (query.isError()) {
-
Error: {{ query.error().message }}
+ } @else if (query.isError) {
+
Error: {{ query.error.message }}
} @else {
3 pages max
{{ previousButtonText() }}
- @for (page of query.data().pages; track $index) {
+ @for (page of query.data.pages; track $index) {
@for (project of page.data; track project.id) {
{{ project.name }} {{ project.id }}
}
@@ -27,7 +27,7 @@
3 pages max
{{
- query.isFetching() && !query.isFetchingNextPage()
+ query.isFetching && !query.isFetchingNextPage
? 'Background Updating...'
: null
}}
diff --git a/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.ts b/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.ts
index 3232f649429..14f64aad46f 100644
--- a/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.ts
+++ b/examples/angular/infinite-query-with-max-pages/src/app/components/example.component.ts
@@ -30,24 +30,24 @@ export class ExampleComponent {
}))
readonly nextButtonDisabled = computed(
- () => !this.query.hasNextPage() || this.query.isFetchingNextPage(),
+ () => !this.query.hasNextPage || this.query.isFetchingNextPage,
)
readonly nextButtonText = computed(() =>
- this.query.isFetchingNextPage()
+ this.query.isFetchingNextPage
? 'Loading more...'
- : this.query.hasNextPage()
+ : this.query.hasNextPage
? 'Load newer'
: 'Nothing more to load',
)
readonly previousButtonDisabled = computed(
- () => !this.query.hasPreviousPage() || this.query.isFetchingPreviousPage(),
+ () => !this.query.hasPreviousPage || this.query.isFetchingPreviousPage,
)
readonly previousButtonText = computed(() =>
- this.query.isFetchingPreviousPage()
+ this.query.isFetchingPreviousPage
? 'Loading more...'
- : this.query.hasPreviousPage()
+ : this.query.hasPreviousPage
? 'Load Older'
: 'Nothing more to load',
)
diff --git a/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts b/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts
index b32a0f50dc6..e49b13f2165 100644
--- a/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts
+++ b/examples/angular/optimistic-updates/src/app/components/optimistic-updates.component.ts
@@ -22,7 +22,7 @@ import { TasksService } from '../services/tasks.service'
- @if (tasks.isLoading()) {
+ @if (tasks.isLoading) {
Loading...
}
@@ -36,16 +36,16 @@ import { TasksService } from '../services/tasks.service'
Create
- @for (task of tasks.data(); track $index) {
+ @for (task of tasks.data; track $index) {
{{ task }}
}
- Updated At: {{ tasks.dataUpdatedAt() | date: 'MMMM d, h:mm:ss a ' }}
+ Updated At: {{ tasks.dataUpdatedAt | date: 'MMMM d, h:mm:ss a ' }}
- @if (!tasks.isLoading() && tasks.isFetching()) {
+ @if (!tasks.isLoading && tasks.isFetching) {
Fetching in background
}
diff --git a/examples/angular/pagination/src/app/components/example.component.html b/examples/angular/pagination/src/app/components/example.component.html
index b6ffc8c1289..d3f2dd862a0 100644
--- a/examples/angular/pagination/src/app/components/example.component.html
+++ b/examples/angular/pagination/src/app/components/example.component.html
@@ -7,13 +7,13 @@
instantaneously while they are also refetched invisibly in the background.
- @if (query.isPending()) {
+ @if (query.isPending) {
Loading...
- } @else if (query.isError()) {
-
Error: {{ query.error().message }}
- } @else if (query.isSuccess()) {
+ } @else if (query.isError) {
+
Error: {{ query.error.message }}
+ } @else if (query.isSuccess) {
- @for (project of query.data().projects; track project.id) {
+ @for (project of query.data.projects; track project.id) {
{{ project.name }}
}
@@ -26,14 +26,14 @@
Next Page
- @if (query.isFetching()) {
+ @if (query.isFetching) {
Loading...
}
diff --git a/examples/angular/pagination/src/app/components/example.component.ts b/examples/angular/pagination/src/app/components/example.component.ts
index 861ded2fa92..526481397b8 100644
--- a/examples/angular/pagination/src/app/components/example.component.ts
+++ b/examples/angular/pagination/src/app/components/example.component.ts
@@ -34,8 +34,8 @@ export class ExampleComponent {
}))
readonly prefetchEffect = effect(() => {
- const data = this.query.data()
- const isPlaceholderData = this.query.isPlaceholderData()
+ const data = this.query.data
+ const isPlaceholderData = this.query.isPlaceholderData
const newPage = this.page() + 1
untracked(() => {
@@ -57,7 +57,7 @@ export class ExampleComponent {
nextPage() {
this.page.update((currentPage) => {
- return this.query.data()?.hasMore ? currentPage + 1 : currentPage
+ return this.query.data?.hasMore ? currentPage + 1 : currentPage
})
}
}
diff --git a/examples/angular/query-options-from-a-service/src/app/components/post.component.html b/examples/angular/query-options-from-a-service/src/app/components/post.component.html
index e1ec2ee2975..dd0998da80a 100644
--- a/examples/angular/query-options-from-a-service/src/app/components/post.component.html
+++ b/examples/angular/query-options-from-a-service/src/app/components/post.component.html
@@ -2,18 +2,18 @@
Posts
- @if (postsQuery.isPending()) {
+ @if (postsQuery.isPending) {
Loading...
- } @else if (postsQuery.isError()) {
- Error: {{ postsQuery.error().message }}
- } @else if (postsQuery.isSuccess()) {
+ } @else if (postsQuery.isError) {
+ Error: {{ postsQuery.error.message }}
+ } @else if (postsQuery.isSuccess) {
- @for (post of postsQuery.data(); track post.id) {
+ @for (post of postsQuery.data; track post.id) {
@@ -27,7 +27,7 @@
Posts
}
- @if (postsQuery.isFetching()) {
+ @if (postsQuery.isFetching) {
Background Updating...
}
diff --git a/examples/angular/router/src/app/components/post.component.html b/examples/angular/router/src/app/components/post.component.html
index e1ec2ee2975..dd0998da80a 100644
--- a/examples/angular/router/src/app/components/post.component.html
+++ b/examples/angular/router/src/app/components/post.component.html
@@ -2,18 +2,18 @@
- @if (postQuery.isPending()) {
+ @if (postQuery.isPending) {
Loading...
- } @else if (postQuery.isError()) {
- Error: {{ postQuery.error().message }}
+ } @else if (postQuery.isError) {
+ Error: {{ postQuery.error.message }}
}
- @if (postQuery.isSuccess()) {
- @let post = postQuery.data();
+ @if (postQuery.isSuccess) {
+ @let post = postQuery.data;
{{ post.title }}
- @if (postQuery.isFetching()) {
+ @if (postQuery.isFetching) {
Background Updating...
}
}
diff --git a/examples/angular/router/src/app/components/posts.component.html b/examples/angular/router/src/app/components/posts.component.html
index 069263f27e1..9dcae2ac900 100644
--- a/examples/angular/router/src/app/components/posts.component.html
+++ b/examples/angular/router/src/app/components/posts.component.html
@@ -1,12 +1,12 @@
Posts
- @if (postsQuery.isPending()) {
+ @if (postsQuery.isPending) {
Loading...
- } @else if (postsQuery.isError()) {
- Error: {{ postsQuery.error().message }}
- } @else if (postsQuery.isSuccess()) {
+ } @else if (postsQuery.isError) {
+ Error: {{ postsQuery.error.message }}
+ } @else if (postsQuery.isSuccess) {
- @for (post of postsQuery.data(); track post.id) {
+ @for (post of postsQuery.data; track post.id) {
@@ -27,7 +27,7 @@
Posts
}
- @if (postsQuery.isFetching()) {
+ @if (postsQuery.isFetching) {
Background Updating...
}
diff --git a/examples/angular/rxjs/src/app/components/example.component.html b/examples/angular/rxjs/src/app/components/example.component.html
index 67a6d0ea3db..05c9c3657a2 100644
--- a/examples/angular/rxjs/src/app/components/example.component.html
+++ b/examples/angular/rxjs/src/app/components/example.component.html
@@ -3,9 +3,9 @@
Search for a programming language