provideTanStackQuery
函数：provideTanStackQuery()
ts
function provideTanStackQuery(queryClient, ...features): Provider[]
function provideTanStackQuery(queryClient, ...features): Provider[]
设置为 Angular 应用程序启用 TanStack Query 功能所需的提供程序。
允许配置 QueryClient 和可选功能，例如开发人员工具。
示例 - 独立组件
ts
import {
provideTanStackQuery,
QueryClient,
} from '@tanstack/angular-query-experimental'
bootstrapApplication(AppComponent, {
providers: [provideTanStackQuery(new QueryClient())],
})
import {
provideTanStackQuery,
QueryClient,
} from '@tanstack/angular-query-experimental'
bootstrapApplication(AppComponent, {
providers: [provideTanStackQuery(new QueryClient())],
})
示例 - 基于 NgModule
ts
import {
provideTanStackQuery,
QueryClient,
} from '@tanstack/angular-query-experimental'
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule],
providers: [provideTanStackQuery(new QueryClient())],
bootstrap: [AppComponent],
})
export class AppModule {}
import {
provideTanStackQuery,
QueryClient,
} from '@tanstack/angular-query-experimental'
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule],
providers: [provideTanStackQuery(new QueryClient())],
bootstrap: [AppComponent],
})
export class AppModule {}
您还可以通过添加 withDevtools 来启用可选的开发人员工具。默认情况下，当您的应用程序处于开发模式时，这些工具将被加载。
ts
import {
provideTanStackQuery,
withDevtools
QueryClient,
} from '@tanstack/angular-query-experimental'
bootstrapApplication(AppComponent,
{
providers: [
provideTanStackQuery(new QueryClient(), withDevtools())
]
}
)
import {
provideTanStackQuery,
withDevtools
QueryClient,
} from '@tanstack/angular-query-experimental'
bootstrapApplication(AppComponent,
{
providers: [
provideTanStackQuery(new QueryClient(), withDevtools())
]
}
)
示例：使用 InjectionToken
ts
export const MY_QUERY_CLIENT = new InjectionToken('', {
factory: () => new QueryClient(),
})
// 在延迟加载的路由或延迟加载的组件的 providers 数组中：
providers: [provideTanStackQuery(MY_QUERY_CLIENT)]
export const MY_QUERY_CLIENT = new InjectionToken('', {
factory: () => new QueryClient(),
})
// 在延迟加载的路由或延迟加载的组件的 providers 数组中：
providers: [provideTanStackQuery(MY_QUERY_CLIENT)]
参数
queryClient
一个 QueryClient 实例，或一个提供 QueryClient 的 InjectionToken。
QueryClient | InjectionToken<QueryClient>
features
...QueryFeatures[]
用于配置其他 Query 功能的可选功能。
返回值
Provider[]
一组用于设置 TanStack Query 的提供程序。
