withDevtools
Function: withDevtools()
ts
function withDevtools(withDevtoolsFn?): DeveloperToolsFeature
function withDevtools(withDevtoolsFn?): DeveloperToolsFeature
Enables developer tools.
Example
ts
export const appConfig: ApplicationConfig = {
providers: [provideTanStackQuery(new QueryClient(), withDevtools())],
}
export const appConfig: ApplicationConfig = {
providers: [provideTanStackQuery(new QueryClient(), withDevtools())],
}
By default the devtools will be loaded when Angular runs in development mode and rendered in <body>.
If you need more control over when devtools are loaded, you can use the loadDevtools option. This is particularly useful if you want to load devtools based on environment configurations. For instance, you might have a test environment running in production mode but still require devtools to be available.
If you need more control over where devtools are rendered, consider injectDevtoolsPanel. This allows rendering devtools inside your own devtools for example.
Parameters
withDevtoolsFn?
() => DevtoolsOptions
A function that returns DevtoolsOptions.
Returns
A set of providers for use with provideTanStackQuery.
