Angular 状态管理
为 Angular 应用程序提供针对 AI 代理和大型语言模型优化的完整状态管理模式。
概览
此技能提供用于以下方面的决策框架和实施模式:
- 基于信号的服务- 用于共享数据的轻量级状态
- NgRx SignalStore- 具有计算值的特性范围状态
- NgRx Store- 企业级全局状态管理
- RxJS 组件存储- 响应式组件级别状态
- 表单状态- 响应式和模板驱动的表单模式
结构
SKILL.md文件组织如下:
- 状态类别- 本地状态、共享状态、全局状态、服务器状态、URL状态和表单状态
- 选择标准- 用于选择正确解决方案的决策树
- 实现模式- 每种方法的完整示例
- 迁移指南- 从 BehaviorSubject 迁移到 Signals
- 桥接模式- 使用 RxJS 集成信号
何时使用每种模式
- 信号服务:共享的用户界面状态(主题,用户偏好)
- NgRx SignalStore:具有计算值的功能状态
- NgRx 存储:复杂的跨功能依赖
- 组件存储:组件范围的异步操作
- 响应式表单:带有验证的表单状态
版本
当前版本:1.0.0(2026年2月)
参考文献
- Angular Signals
- NgRx
- NgRx SignalStore