用途:该技能面向 Angular 组件生命周期开发,在涉及生命周期钩子、ngOnChanges、ngAfterViewInit 等场景时使用,版本标注为 Angular 21(2025)。
主要能力:整理并示范各生命周期钩子的典型用法,包括用 OnInit 做初始化、用 OnDestroy 做清理、用 OnChanges 响应输入变化、用 AfterViewInit 操作 DOM、用 AfterContentInit 访问投影内容、用 DoCheck 实现自定义变更检测,以及 OnPush 变更检测策略与生命周期的配合。
使用方式:以 TypeScript 装饰器与接口实现为主,例如实现 OnInit 并在 ngOnInit 中调用服务加载数据;实现 OnDestroy 并用 Subject 完成取消订阅;实现 OnChanges 并接收 SimpleChanges 判断具体输入项;实现 AfterViewInit 配合 ViewChild 与 ElementRef 操作视图元素;实现 AfterContentInit 配合 ContentChild 访问投影内容;实现 DoCheck 编写自定义变更检测逻辑。构造函数仅用于依赖注入,初始化逻辑放在 ngOnInit。
适用场景:Angular 组件初始化、输入属性变化响应、视图与内容投影访问、资源释放、变更检测优化等开发任务。
限制:资料未提供安装命令、收费方式、平台支持范围及具体效果说明;示例代码仅作示意,实际使用需结合项目配置与 Angular 版本验证。