用途
该技能面向使用 Angular 框架进行应用开发的工作，覆盖构建现代 Angular 应用、创建响应式用户界面、实现依赖注入、设置带懒加载与守卫的路由、构建带校验的响应式表单、使用 Signals 与 RxJS 管理状态、编写自定义指令与管道、集成 HTTP 客户端、从旧模式迁移到新方式、性能优化以及按最佳实践搭建项目等场景。
主要能力
资料以示例代码形式，展示了以下核心概念与用法：
- 组件：作为 Angular 应用的基本构建块，控制屏幕上的视图区域。资料展示了现代独立组件（standalone: true）写法，以及组件生命周期钩子（ngOnInit、ngAfterViewInit、ngOnDestroy）的用法。
- 服务与依赖注入：服务提供跨组件共享功能，Angular 的依赖注入系统让服务在整个应用中可用。资料展示了使用 inject() 函数（替代构造函数注入）的现代写法，以及 @Injectable({ providedIn: 'root' }) 单例服务，并给出基于 HttpClient 的增删改查方法示例。
- Signals 响应式状态管理：提供细粒度响应式的状态管理方式。资料包含可写 signal、computed 计算信号、effect 副作用，以及购物车服务这类进阶写法（使用 asReadonly 暴露只读数据）。
- 路由：实现视图间导航与功能模块懒加载。资料展示现代路由配置（loadComponent 懒加载、通配路由、重定向），函数式守卫（CanActivateFn）与基于类的守卫，以及带路由参数的组件中通过 paramMap 与 switchMap 获取数据。
- 响应式表单：以模型驱动方式处理表单输入并内置校验。资料展示了使用 FormBuilder 构建表单、Validators 内置校验（required、minLength、email、min、max）、模板中使用 @if 显示错误信息，以及自定义校验器（密码匹配、禁止纯空白、强密码）。
- 指令：允许向 DOM 元素附加行为。资料展示了结构型指令 RepeatDirective 的实现，通过 TemplateRef 与 ViewContainerRef，配合 @Input setter 动态创建内嵌视图。
使用方式
资料以“何时使用该技能”作为入口，列出适用的开发任务清单。具体使用上，通过各类代码示例展示如何编写组件、服务、路由、表单与指令。示例如 inject() 取代构造函数注入、signals 取代部分 RxJS 状态管理、loadComponent 懒加载等，均以完整代码片段呈现，可直接参考其模式进行开发。
适用场景
适用于需要使用 Angular 构建、维护或现代化改造应用的开发者，尤其是希望采用独立组件、inject()、Signals、函数式守卫等较新模式的团队，也适用于需要从旧 Angular 模式迁移到现代方式的场景。
限制
资料未提供安装命令、依赖版本、构建与运行步骤、收费或价格信息、平台支持范围及性能优化具体方法等内容，这些事实暂未提供。上述介绍仅依据资料中出现的示例与说明整理，未作额外推断。