框架
版本

provideAngularQuery

函数:provideAngularQuery()

ts
function provideAngularQuery(queryClient): EnvironmentProviders
function provideAngularQuery(queryClient): EnvironmentProviders

设置必要的 providers 以启用 Angular 应用程序的 TanStack Query 功能。

允许配置 QueryClient

示例 - 独立模式

ts
import {
  provideAngularQuery,
  QueryClient,
} from '@tanstack/angular-query-experimental'

bootstrapApplication(AppComponent, {
  providers: [provideAngularQuery(new QueryClient())],
})
import {
  provideAngularQuery,
  QueryClient,
} from '@tanstack/angular-query-experimental'

bootstrapApplication(AppComponent, {
  providers: [provideAngularQuery(new QueryClient())],
})

示例 - 基于 NgModule

ts
import {
  provideAngularQuery,
  QueryClient,
} from '@tanstack/angular-query-experimental'

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [provideAngularQuery(new QueryClient())],
  bootstrap: [AppComponent],
})
export class AppModule {}
import {
  provideAngularQuery,
  QueryClient,
} from '@tanstack/angular-query-experimental'

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [provideAngularQuery(new QueryClient())],
  bootstrap: [AppComponent],
})
export class AppModule {}

参数

queryClient: QueryClient

一个 QueryClient 实例。

返回值

EnvironmentProviders

一组用于设置 TanStack Query 的 providers。

参见

https://tanstack.com.cn/query/v5/docs/framework/angular/quick-start

定义在

providers.ts:50