skills.rest
Zoppy-crm
Zoppy-crmOFFICIAL
Explore all skills by this author →
WebsiteGitHub

angular-migration

Migrate AngularJS applications to modern Angular using hybrid mode.

Updated Mar 1, 2026
Search Tags:#routing#components#angular#migration#angularjs#dependency-injection#ngupgrade
One-click install
npx skills add https://github.com/Zoppy-crm/.github --skill angular-migration-zoppy-crm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-migration
Source: https://github.com/Zoppy-crm/.github/tree/main/skills/frontend/angular-migration
Command: npx skills add https://github.com/Zoppy-crm/.github --skill angular-migration-zoppy-crm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams migrate legacy AngularJS (1.x) applications to modern Angular (2+), reducing risk by enabling hybrid operation and incremental feature-by-feature modernization while keeping production systems stable.

Core Features & Use Cases

  • Hybrid bootstrapping: run AngularJS and Angular side-by-side using UpgradeModule for gradual migration.
  • Component & directive conversion: convert controllers and directives into Angular components with inputs/outputs.
  • Dependency injection & services: update DI patterns and provide downgrade/upgrade shims so services can be shared cross-framework.
  • Routing and forms migration: move from AngularJS routing and ng-model forms to Angular Router and template-driven or reactive forms.
  • Use Case: Migrate a large single-page application feature-by-feature to avoid a full rewrite and maintain continuous delivery.

Quick Start

Bootstrap a hybrid app with UpgradeModule and migrate a single feature by converting its controllers and directives into Angular components and services.

Frequently Asked Questions about angular-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate an AngularJS application to Angular without stopping production releases?▼

Migrate AngularJS to Angular without stopping production by using ngUpgrade's UpgradeModule for hybrid bootstrapping, running both frameworks side-by-side while incrementally rewriting controllers, directives, and services feature-by-feature.

What is the best way to convert AngularJS controllers and directives into Angular components?▼

The best way to convert AngularJS controllers and directives is to rewrite them as Angular components with defined inputs and outputs, running them within a hybrid application bootstrapped via UpgradeModule to ensure continuous functionality.

Can I share services between AngularJS and Angular during a migration?▼

Yes, you can share services during a migration by updating dependency injection patterns and applying upgrade and downgrade shims, allowing AngularJS and Angular components to access the same shared services cross-framework.

How do I migrate routing and ng-model forms when upgrading AngularJS?▼

Migrate routing and forms by replacing AngularJS routing with the Angular Router and converting ng-model forms into Angular's template-driven or reactive APIs, completing the modernization of single-page application architecture incrementally.

Does ngUpgrade support incremental migration for large single-page applications?▼

Yes, ngUpgrade supports incremental migration for large single-page applications by enabling hybrid operation, allowing teams to modernize specific features while maintaining continuous delivery and avoiding a full rewrite.

When should I not use a hybrid mode approach for AngularJS migration?▼

Avoid hybrid mode for AngularJS migration when your codebase is small enough for a full rewrite, as running UpgradeModule adds dependency injection complexity and cross-framework overhead that is unnecessary for lightweight single-page applications.

Related Skills

Explore More Software Engineering Skills→
camoneartcamoneart
5

angular-migration

Migrate AngularJS applications to Angular with hybrid bootstrapping and component conversions.

Community
Advanced
AI-Foundry-CoreAI-Foundry-Core
4

angular-migration

Migrates AngularJS (1.x) apps to Angular (2+) via hybrid UpgradeModule integration.

Official
Advanced
ccfccf

angular-migration

Migrates AngularJS (1.x) applications to Angular (2+) with ngUpgrade-based hybrid setups.

Community
Advanced
as4584as4584
2

angular-migration

Migrate AngularJS applications to Angular with hybrid ngUpgrade support.

Community
Advanced