What is the hybrid approach to Angular migration?

The hybrid approach uses the ngUpgrade module to run AngularJS and Angular side-by-side in the same application, allowing you to migrate features one by one while keeping the app functional.

How does this skill help with AngularJS directives?

It provides specific code patterns and structural guidance for converting legacy scope-based directives into modern Angular components with Inputs and Outputs.

Does this skill support the latest versions of Angular?

Yes, it is designed to help you move from legacy AngularJS 1.x systems toward the latest stable versions of the modern Angular framework.

Can I migrate my AngularJS services to Angular first?

Yes, migrating services first is a recommended best practice as they are often easier to convert and can be shared between both frameworks using dependency injection bridging.

Angular Framework Migration

Name: Angular Framework Migration
Author: as4584

byas4584

0•

开发者工具

Migrates legacy AngularJS applications to modern Angular using hybrid mode, component rewriting, and dependency injection updates.

The Angular Migration skill is designed to guide developers through the complex process of upgrading legacy AngularJS (1.x) codebases to modern Angular (2+). It provides comprehensive patterns for setting up hybrid applications using ngUpgrade, allowing for incremental feature-by-feature migration without requiring a full rewrite. The skill covers essential technical transitions including controller-to-component conversion, service modernization with RxJS, dependency injection interop, and routing system updates, ensuring a smooth transition to modern frontend best practices.

主要功能

01Conversion patterns for AngularJS controllers and directives to Angular components

020 GitHub stars

03Strategic routing migration from ui-router/ngRoute to Angular Router

04Dependency injection bridging for downgrading and upgrading services

05Modernization of services from $http to Angular's HttpClient and Observables

06Hybrid application bootstrapping with ngUpgrade and UpgradeModule

使用场景

01Modernizing large-scale enterprise AngularJS applications incrementally

02Converting legacy directive-based architectures into modern component-based structures

03Running side-by-side hybrid environments to maintain continuous delivery during upgrades

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add as4584/antigravity-skills angular-migration

For use in Claude.ai and ChatGPT

Download Skill