框架
版本

withDevtools

函数:withDevtools()

ts
function withDevtools(withDevtoolsFn?): DeveloperToolsFeature
function withDevtools(withDevtoolsFn?): DeveloperToolsFeature

启用开发者工具。

示例

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

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

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

如果您需要更好地控制开发者工具的呈现位置,请考虑使用 injectDevtoolsPanel。例如,这允许在您自己的开发者工具中呈现开发者工具。

参数

withDevtoolsFn?

() => DevtoolsOptions

返回 DevtoolsOptions 的函数。

返回值

DeveloperToolsFeature

一组用于 provideTanStackQuery 的提供程序。

另请参阅

定义于

providers.ts:262