How does it handle directive-to-component conversion?

The skill provides clear 'before and after' mapping patterns that translate AngularJS directives and scopes into modern Angular @Component decorators with @Input and @Output properties.

Does this support migrating from $http to HttpClient?

Yes, it includes detailed patterns for updating services to use modern Angular HttpClient and RxJS-based observables instead of legacy AngularJS promises.

Can this skill help with a hybrid AngularJS/Angular setup?

Yes, it provides specific code templates and configurations for UpgradeModule and ngUpgrade to run both frameworks side-by-side in a single application.

Is this skill useful for planning a migration project timeline?

Absolutely. It includes a structured four-phase migration timeline covering initial setup, infrastructure migration, feature-by-feature conversion, and final cleanup.

Angular Framework Migration

Name: Angular Framework Migration
Author: drgaciw

bydrgaciw

0•

学习与文档

Facilitates the transition from AngularJS 1.x to modern Angular through incremental rewrites, hybrid app setups, and component modernization.

This skill provides a comprehensive toolkit for developers modernizing legacy AngularJS applications. It guides users through complex migration strategies like the hybrid approach using ngUpgrade, converting old directives into modern components, and updating dependency injection patterns. Whether you're planning a full rewrite or a feature-by-feature transition, this skill offers the patterns, code templates, and best practices needed to maintain application stability while moving to the latest Angular ecosystem.

主要功能

01Phased migration timelines and project planning templates for enterprise-scale updates.

02Step-by-step hybrid app configuration using ngUpgrade for side-by-side execution.

03Strategies for dual-framework dependency injection and service downgrading.

04Automated patterns for converting AngularJS controllers and directives to Angular components.

050 GitHub stars

06Comprehensive routing migration paths from $routeProvider to the modern Angular Router.

使用场景

01Migrating large-scale legacy AngularJS enterprise applications to modern Angular versions.

02Implementing a hybrid architecture to support continuous delivery during long-term migrations.

03Modernizing legacy form logic and data validation from ng-model to Angular Reactive Forms.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add drgaciw/academic-compliance-hub-glm angular-migration

For use in Claude.ai and ChatGPT

Download Skill