Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

Angular Migration Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration. When to Use This Skill Migrating AngularJS (1.x) applications to Angular (2+) Running hybrid AngularJS/Angular applications Converting directives to components Modernizing dependency injection Migrating routing systems Updating to latest Angular versions Implementing Angular best practices Migration Strategies 1. Big Bang (Complete Rewrite) Rewrite entire app in Angular Parallel development Switch over at once Best for: Small apps, green field projects 2. Incremental (Hybrid Approach) Run AngularJS and Angular side by side Migrate feature by feature ngUpgrade for interop Best for: Large apps, continuous delivery 3. Vertical Slice Migrate one feature completely New features in Angular, maintain old in AngularJS Gradually replace Best for: Medium apps, distinct features Hybrid App Setup Component Migration AngularJS Controller → Angular Component AngularJS Directive → Angular Component Service Migration Dependency Injection Changes Downgrading Angular → AngularJS Upgrading AngularJS → Angular Routing Migration Additional patterns and templates More detailed templates and worked examples live in references/details.md . Read that file for the full pattern library.

angular-migration