SuperAPI AI 工具集

tanstack-angular-db

前端与建站

查看项目

更新于 10-16 06:24

技能介绍

用途:为 TanStack DB 提供 Angular 绑定,在 Angular 组件中以响应式方式订阅实时查询。它基于 db-core,使用前需先了解 collection 设置、查询构建器与变更模式。\n\n主要能力:injectLiveQuery 返回带 Angular Signal 属性的对象,需在模板中以 () 调用,如 query.data()、query.status()、query.isLoading()、query.isReady()、query.isError()、query.state()、query.collection()。支持静态查询、响应式 params、配置对象(如 gcTime)、预创建 collection,以及返回 undefined/null 禁用查询。params 返回值变化时会销毁旧 collection 并新建查询。\n\n使用方式:必须在注入上下文(字段初始化或构造函数)中调用,不能在 ngOnInit 等生命周期钩子中调用。响应式值应通过 params 模式传入,普通 query 函数重载不会追踪 signal 读取。模板中 Angular 17+ 用 @if/@for,Angular 16 用 *ngIf/*ngFor。includes 子查询默认每个子字段是实时 Collection,可在子组件用 injectLiveQuery 订阅;使用 toArray() 时子结果为普通数组,父级会在子数据变化时重新发出。\n\n适用场景:Angular 应用中需要实时、响应式数据查询与层级数据展示的场景。\n\n限制:资料未提供安装命令、版本要求、收费与平台信息;需先阅读 db-core 相关技能文档。