Esta habilidad proporciona orientación exhaustiva para migrar aplicaciones legacy de AngularJS a Angular moderno, cubriendo configuración híbrida, conversión de componentes, migración de servicios y patrones de enrutamiento.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“angular-migration”。 ¿Cómo configuro una aplicación híbrida AngularJS/Angular?
预期结果:
Para configurar una aplicación híbrida, necesitas:
1. Instalar el paquete @angular/upgrade
2. Bootstrapear Angular primero, luego usar UpgradeModule para bootstrapear AngularJS
3. Configurar tu AppModule con BrowserModule y UpgradeModule
Ejemplo main.ts:
```typescript
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { UpgradeModule } from '@angular/upgrade/static';
import { AppModule } from './app/app.module';
platformBrowserDynamic()
.bootstrapModule(AppModule)
.then(platformRef => {
const upgrade = platformRef.injector.get(UpgradeModule);
upgrade.bootstrap(document.body, ['myAngularJSApp'], { strictDi: true });
});
```
正在使用“angular-migration”。 ¿Cuál es el mejor enfoque para migrar una aplicación grande de AngularJS?
预期结果:
Para aplicaciones grandes, se recomienda el enfoque Incremental (Híbrido):
1. **Fase de Configuración**: Instala Angular CLI, configura la aplicación híbrida con ngUpgrade
2. **Fase de Infraestructura**: Migra servicios, utilidades y componentes compartidos
3. **Migración de Features**: Migra feature por feature, testeando exhaustivamente
4. **Fase de Limpieza**: Elimina código de AngularJS y ngUpgrade
Esto permite delivery continuo mientras migras gradualmente la aplicación.
安全审计
安全This skill is a documentation file containing code examples and migration guides for AngularJS to Angular migration. Static findings flagged backticks (code fences), example API calls in code blocks, and references to assessment/setup tasks - all false positives. No actual security concerns detected.
质量评分
你能构建什么
Planificación de migración de AngularJS a Angular
Un equipo de desarrollo que planea actualizar su aplicación legacy de AngularJS a Angular moderno usa esta habilidad para comprender estrategias de migración y configurar una aplicación híbrida.
Conversión de componentes de AngularJS
Un desarrollador trabajando en migración incremental necesita orientación sobre cómo convertir controladores y directivas de AngularJS a componentes de Angular con tipado TypeScript apropiado.
Aprender patrones de migración de Angular
Un desarrollador nuevo en Angular quiere entender cómo funciona la inyección de dependencias de manera diferente entre AngularJS y Angular y cómo conectar los dos frameworks.
试试这些提示
Necesito migrar mi aplicación AngularJS a Angular. ¿Cuáles son las principales estrategias de migración disponibles y cuál debería elegir para una aplicación empresarial grande?
¿Cómo configuro una aplicación híbrida AngularJS/Angular usando ngUpgrade? Muéstrame el proceso de bootstrap y configuración del módulo.
Convierte este controlador de AngularJS a un componente de Angular: (proporciona código AngularJS). Muéstrame el componente TypeScript con imports y decorators apropiados.
¿Cómo downgradeo un servicio de Angular para hacerlo disponible en AngularJS, y cómo upgradeo una factory de AngularJS para que funcione en Angular?
最佳实践
- Comienza la migración con servicios primero ya que son más fáciles de convertir que componentes de UI
- Usa TypeScript desde el principio para aprovechar la seguridad de tipos durante la migración
- Testea continuamente en cada paso para detectar problemas temprano en el proceso de migración
- Sigue la guía de estilos oficial de Angular para todo el código nuevo escrito durante la migración
避免
- Evita cutovers big-bang sin validación de staging apropiada y planes de rollback
- No migres componentes de UI antes de migrar lógica de negocio y servicios
- Evita mezclar patrones de AngularJS y Angular inconsistentemente dentro de la misma feature