SuperAPI AI 工具集

ngrx-store

通用与其它

查看项目

更新于 10-16 00:04

技能介绍

用途:在 Angular 项目中按约定创建 NgRx Signals Store,用于状态管理。触发场景包括创建 store、添加状态管理、新建 store、signal store 等请求。

主要能力:提供 Store 文件位置约定(src/app/<domain>/data/state/<domain>-store.ts,模型放 models,API 服务放 infrastructure);基础 Store 模板,使用 signalStore、withState、withComputed、withMethods、patchState;实体 Store 模板,使用 withEntities、entityConfig 及 addEntity、updateEntity、removeEntity、setAllEntities;异步方法用 rxMethod 配合 tapResponse 处理 Observable API;withHooks 提供 onInit/onDestroy;withProps 暴露 Observable 或注入依赖;组件通过 inject 使用 Store;测试使用 TestBed 与 vitest。

使用方式:按模板定义 State 接口与 initialState,用 signalStore 组合 withState、withComputed、withMethods;异步调用用 rxMethod 与 tapResponse;实体场景用 withEntities 与实体操作;组件中 inject(TaskStore) 并调用方法;测试中配置 TestBed 并注入 Store。

适用场景:Angular 应用中使用 NgRx Signals 进行状态管理,尤其是需要实体集合、派生状态、异步加载与错误处理的场景。

限制:资料未提供版本要求、安装命令、收费信息或平台限制;示例代码需按项目实际调整。