SuperAPI AI 工具集

angular-query

前端与建站

查看项目

更新于 10-16 07:25

技能介绍

用途:在 Angular 应用中管理服务端状态,包括数据获取、缓存和变更,主要面向 TanStack Query(Angular Query,@tanstack/angular-query-experimental)5.x(2025)。

主要能力:以 Signal 为基础的 API;injectQuery 查询注入;injectMutation 变更注入;Query options 模式(服务化查询配置);DevTools 调试集成。

使用方式:安装 npm install @tanstack/angular-query-experimental。在应用配置中通过 provideHttpClient() 与 provideTanStackQuery(new QueryClient()) 注册。用 injectQuery(() => ({ queryKey, queryFn })) 获取数据,模板中通过 query.isPending()、query.isError()、query.data() 等信号展示状态。用 injectMutation 修改数据,在 onSuccess 中调用 queryClient.invalidateQueries 更新缓存;可用 queryOptions 封装可复用查询;支持乐观更新。

适用场景:Angular 中的服务端状态管理,涉及数据获取、缓存、变更与缓存失效/更新的场景。

限制与注意:资料未提供定价、性能数据或平台兼容细节,未提供的信息暂未说明;使用前需自行确认版本与依赖。