函数: withDevtools()

function withDevtools(withDevtoolsFn?): DeveloperToolsFeature

function withDevtools(withDevtoolsFn?): DeveloperToolsFeature

启用开发者工具。

示例

export const appConfig: ApplicationConfig = {
  providers: [provideTanStackQuery(new QueryClient(), withDevtools())],
}

export const appConfig: ApplicationConfig = {
  providers: [provideTanStackQuery(new QueryClient(), withDevtools())],
}

默认情况下，当 Angular 在开发模式下运行时，开发者工具将被加载并渲染在 <body> 中。

如果您需要更多控制开发者工具何时加载，您可以使用 `loadDevtools` 选项。当您想根据环境配置加载开发者工具时，这一点尤其有用。例如，您可能有一个在生产模式下运行但仍需要开发者工具的测试环境。

如果您需要更多控制开发者工具的渲染位置，请考虑使用 `injectDevtoolsPanel`。例如，这允许在您自己的开发者工具中渲染开发者工具。

参数

返回 `DevtoolsOptions` 的函数。

`provideTanStackQuery` 使用的一组提供者。