Diese Fähigkeit bietet umfassende Anleitung zur Migration von Legacy-AngularJS-Anwendungen zu modernem Angular, einschließlich Hybrid-Setup, Komponentenumwandlung, Service-Migration und Routing-Muster.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "angular-migration". Wie richte ich eine hybride AngularJS/Angular-Anwendung ein?
Résultat attendu:
Um eine hybride Anwendung einzurichten, müssen Sie:
1. Das @angular/upgrade-Paket installieren
2. Zuerst Angular bootstrappen, dann AngularJS mit UpgradeModule bootstrappen
3. Ihr AppModule mit sowohl BrowserModule als auch UpgradeModule konfigurieren
Beispiel 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 });
});
```
Utilisation de "angular-migration". Was ist der beste Ansatz für die Migration einer großen AngularJS-App?
Résultat attendu:
Für große Anwendungen wird der inkrementelle (hybride) Ansatz empfohlen:
1. **Setup-Phase**: Angular CLI installieren, hybride App mit ngUpgrade einrichten
2. **Infrastruktur-Phase**: Services, Utilities und Shared-Komponenten migrieren
3. **Feature-Migration**: Feature für Feature migrieren und gründlich testen
4. **Bereinigungsphase**: AngularJS-Code und ngUpgrade entfernen
Dies ermöglicht kontinuierliche Auslieferung bei gleichzeitiger schrittweiser Migration der Anwendung.
Audit de sécurité
SûrThis 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.
Score de qualité
Ce que vous pouvez construire
Planung der AngularJS zu Angular Migration
Ein Entwicklungsteam, das plant, seine Legacy-AngularJS-Anwendung auf modernes Angular zu aktualisieren, verwendet diese Fähigkeit, um Migrationsstrategien zu verstehen und eine hybride Anwendung einzurichten.
Konvertierung von AngularJS-Komponenten
Ein Entwickler, der an einer inkrementellen Migration arbeitet, benötigt Anleitung zur Konvertierung von AngularJS-Controllern und -Direktiven zu Angular-Komponenten mit korrekter TypeScript-Typisierung.
Erlernen von Angular-Migrationsmustern
Ein Entwickler, der neu bei Angular ist, möchte verstehen, wie Dependency Injection zwischen AngularJS und Angular unterschiedlich funktioniert und wie die beiden Frameworks miteinander verbunden werden können.
Essayez ces prompts
Ich muss meine AngularJS-Anwendung zu Angular migrieren. Welche Hauptmigrationsstrategien sind verfügbar und welche sollte ich für eine große Unternehmensanwendung wählen?
Wie richte ich eine hybride AngularJS/Angular-Anwendung mit ngUpgrade ein? Zeigen Sie mir den Bootstrap-Prozess und die Modulkonfiguration.
Konvertieren Sie diesen AngularJS-Controller zu einer Angular-Komponente: (AngularJS-Code bereitstellen). Zeigen Sie mir die TypeScript-Komponente mit korrekten Imports und Decorators.
Wie downgrade ich einen Angular-Service, um ihn in AngularJS verfügbar zu machen, und wie upgrade ich eine AngularJS-Factory, um in Angular zu funktionieren?
Bonnes pratiques
- Beginnen Sie die Migration mit Services, da sie einfacher zu konvertieren sind als UI-Komponenten
- Verwenden Sie TypeScript von Anfang an, um die Typsicherheit während der Migration zu nutzen
- Testen Sie kontinuierlich bei jedem Schritt, um Probleme frühzeitig im Migrationsprozess zu erkennen
- Folgen Sie dem offiziellen Angular Style Guide für alle neuen Code, der während der Migration geschrieben wird
Éviter
- Vermeiden Sie Big-Bang-Umstellungen ohne ordnungsgemäße Staging-Validierung und Rollback-Pläne
- Migrieren Sie UI-Komponenten nicht, bevor Sie Business-Logik und Services migriert haben
- Vermeiden Sie inkonsistentes Mischen von AngularJS- und Angular-Mustern innerhalb desselben Features