AngularJS 至 Angular 迁移

要解决什么问题

AngularJS（1.x）早已进入维护尾声，而 Angular（2+）在 TypeScript、组件化、变更检测和长期支持上完全是另一套体系。团队往往卡在：是整库重写还是边跑边迁、如何用 ngUpgrade 让两套框架共存、指令和 $scope 怎么变成组件与 DI、以及路由从 ui-router / $routeProvider 迁到 Angular Router 时如何避免大爆炸上线。

技能如何工作

本技能按评估 → 策略 → 实施 → 验证组织内容，而不是泛泛讲「升级 Angular 版本」。

• 迁移策略：对比大爆炸重写、增量混合（ngUpgrade）与垂直切片三种路径，说明各自适合的应用规模与交付节奏。
• 混合应用：覆盖 bootstrap、模块互操作，以及 AngularJS Controller / 指令向 Angular 组件的转换思路。
• 服务与 DI：先迁服务再动 UI 的推荐顺序，以及升级 / 降级注入在混合期的用法。
• 路由与表单：单独梳理路由迁移与表单现代化，避免和变更检测、scope 生命周期纠缠在一起。

技能内还指向 hybrid 模式、组件迁移、DI、路由等 reference，以及混合 bootstrap 模板、迁移时间线与 analyze-angular-app.sh 等可落地资产，便于按里程碑拆任务。

适用边界与注意点

• 适用：从 AngularJS 迁到 Angular、需要运行混合应用、或要把旧指令 / 路由逐步现代化。
• 不适用：应用已在现代 Angular 上、或只是小 UI 修补且不涉及框架边界。
• 风险：避免无回滚、无预发验证的一次性切换；混合阶段要持续做兼容性测试，并留意变更检测与 scope 处理上的常见陷阱。