How does the skill handle dependency injection between versions?

It provides specific patterns for both 'upgrading' AngularJS services so they can be injected into Angular components and 'downgrading' new Angular services for use in legacy AngularJS controllers.

What is the best strategy for migrating a large AngularJS app?

The Incremental (Hybrid) approach is recommended for large applications. It allows you to run both frameworks side-by-side using the UpgradeModule, migrating feature by feature without a full stop in development.

Can I use modern Angular components inside my old AngularJS code?

Yes, this skill provides patterns for 'downgrading' Angular components using the downgradeComponent function, allowing them to be used as standard directives within your AngularJS templates.

Does this skill support UI-Router migration?

Yes, it includes strategies for transitioning from both legacy ngRoute and UI-Router to the modern Angular Router, including handling route parameters and child states.

Angular Framework Migration

Name: Angular Framework Migration
Author: sla-te

bysla-te

0•

开发者工具

Facilitates the modernization of legacy AngularJS applications to the latest Angular framework using proven migration strategies and hybrid patterns.

The Angular Migration skill provides comprehensive guidance and implementation patterns for transitioning applications from AngularJS (1.x) to modern Angular. It supports multiple migration paths including complete rewrites, vertical slicing, and the recommended incremental hybrid approach using ngUpgrade. By providing standardized patterns for converting directives to components, bridging dependency injection between frameworks, and migrating legacy routing systems, this skill helps developers modernize complex codebases while maintaining application stability and continuous delivery.

主要功能

01Component conversion patterns for AngularJS directives and controllers

02Dependency injection bridging for upgrading and downgrading services

03Routing migration strategies for moving to the modern Angular Router

04Hybrid app configuration using ngUpgrade for side-by-side execution

05Form modernization patterns for transitioning to Reactive Forms

060 GitHub stars

使用场景

01Setting up a hybrid environment to run legacy logic and modern UI simultaneously

02Converting legacy AngularJS directives into standalone, reusable Angular components

03Gradually migrating a large-scale enterprise AngularJS application to modern Angular versions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sla-te/copilot-converter angular-migration

For use in Claude.ai and ChatGPT

Download Skill